/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #d2d6dc}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a0aec0}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Consolas,Courier New,Courier,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto}img,video{max-width:100%}img{display:block}@font-face{font-family:Circular;src:url(../fonts/Circular-book.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Circular;src:url(../fonts/Circular-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Circular;src:url(../fonts/Circular-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.container{width:100%}@media (min-width:675px){.container{max-width:675px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:992px){.container{max-width:992px}}@media (min-width:1280px){.container{max-width:1280px}}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:none;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-input::-webkit-input-placeholder{color:#a0aec0;opacity:1}.form-input::-moz-placeholder{color:#a0aec0;opacity:1}.form-input:-ms-input-placeholder{color:#a0aec0;opacity:1}.form-input::-ms-input-placeholder{color:#a0aec0;opacity:1}.form-input::placeholder{color:#a0aec0;opacity:1}.form-input:focus{outline:none;border-color:#4b5563}.form-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:none;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-textarea::-webkit-input-placeholder{color:#a0aec0;opacity:1}.form-textarea::-moz-placeholder{color:#a0aec0;opacity:1}.form-textarea:-ms-input-placeholder{color:#a0aec0;opacity:1}.form-textarea::-ms-input-placeholder{color:#a0aec0;opacity:1}.form-textarea::placeholder{color:#a0aec0;opacity:1}.form-textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M15.3 9.3a1 1 0 011.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 011.4-1.4l3.3 3.29 3.3-3.3z'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;background-repeat:no-repeat;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:none;padding:.5rem 2.5rem .5rem .75rem;font-size:1rem;line-height:1.5;background-position:right .5rem center;background-size:1.5em 1.5em}.form-select::-ms-expand{color:#a0aec0;border:none}@media not print{.form-select::-ms-expand{display:none}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.form-select{padding-right:.75rem}}.form-select:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1em;width:1em;color:#4299e1;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:none}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");border-color:transparent;background-color:var(--color-secondary);background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-checkbox::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-checkbox:focus{outline:none;box-shadow:none;border-color:#d2d6dc}.prose{color:#4a5568;max-width:65ch;font-size:1rem;line-height:1.75}.prose [class~=lead]{color:#4a5568;font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose a{color:#1a202c;text-decoration:underline}.prose strong{color:#1a202c;font-weight:600}.prose ol{counter-reset:list-counter;margin-top:1.25em;margin-bottom:1.25em}.prose ol>li{position:relative;counter-increment:list-counter;padding-left:1.75em}.prose ol>li:before{content:counter(list-counter) ".";position:absolute;font-weight:400;color:#718096}.prose ul>li{position:relative;padding-left:1.75em}.prose ul>li:before{content:"";position:absolute;background-color:#cbd5e0;border-radius:50%;width:.375em;height:.375em;top:.6875em;left:.25em}.prose hr{border-color:#e2e8f0;border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose blockquote{font-weight:400;font-style:normal;color:#1a202c;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:0;border:0}.prose blockquote p:first-of-type:before{content:open-quote}.prose blockquote p:last-of-type:after{content:close-quote}.prose h1{color:#1a202c;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose h2{color:#1a202c;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose h3{font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose h3,.prose h4{color:#1a202c;font-weight:600}.prose h4{margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose figure figcaption{color:#718096;font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose code{color:#1a202c;font-weight:600;font-size:.875em}.prose pre{color:#e2e8f0;background-color:#2d3748;overflow-x:auto;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose pre code:after,.prose pre code:before{content:""}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose thead{color:#1a202c;font-weight:600;border-bottom-width:1px;border-bottom-color:#cbd5e0}.prose thead th{vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e2e8f0}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:top;padding:.5714286em}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose figure,.prose img,.prose video{margin-top:2em;margin-bottom:2em}.prose figure>*{margin-top:0;margin-bottom:0}.prose h2 code{font-size:.875em}.prose h3 code{font-size:.9em}.prose ul{margin-top:1.25em;margin-bottom:1.25em}.prose li{margin-top:.5em;margin-bottom:.5em}.prose ol>li:before{left:0}.prose>ul>li p{margin-top:.75em;margin-bottom:.75em}.prose>ul>li>:first-child{margin-top:1.25em}.prose>ul>li>:last-child{margin-bottom:1.25em}.prose>ol>li>:first-child{margin-top:1.25em}.prose>ol>li>:last-child{margin-bottom:1.25em}.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul{margin-top:.75em;margin-bottom:.75em}.prose h2+*,.prose h3+*,.prose h4+*,.prose hr+*{margin-top:0}.prose thead th:first-child{padding-left:0}.prose thead th:last-child{padding-right:0}.prose tbody td:first-child{padding-left:0}.prose tbody td:last-child{padding-right:0}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose figcaption img{margin:0}.space-y-1>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0.25rem*(1 - var(--space-y-reverse)));margin-bottom:calc(0.25rem*var(--space-y-reverse))}.space-x-1>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(0.25rem*var(--space-x-reverse));margin-left:calc(0.25rem*(1 - var(--space-x-reverse)))}.space-y-2>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0.5rem*(1 - var(--space-y-reverse)));margin-bottom:calc(0.5rem*var(--space-y-reverse))}.space-x-2>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(0.5rem*var(--space-x-reverse));margin-left:calc(0.5rem*(1 - var(--space-x-reverse)))}.space-y-3>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0.75rem*(1 - var(--space-y-reverse)));margin-bottom:calc(0.75rem*var(--space-y-reverse))}.space-y-4>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(1rem*(1 - var(--space-y-reverse)));margin-bottom:calc(1rem*var(--space-y-reverse))}.space-x-4>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1rem*var(--space-x-reverse));margin-left:calc(1rem*(1 - var(--space-x-reverse)))}.space-y-6>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--space-y-reverse)));margin-bottom:calc(1.5rem*var(--space-y-reverse))}.space-y-8>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(2rem*(1 - var(--space-y-reverse)));margin-bottom:calc(2rem*var(--space-y-reverse))}.space-y-10>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(2.5rem*(1 - var(--space-y-reverse)));margin-bottom:calc(2.5rem*var(--space-y-reverse))}.space-y-16>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(4rem*(1 - var(--space-y-reverse)));margin-bottom:calc(4rem*var(--space-y-reverse))}.divide-y>:not(template)~:not(template){--divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--divide-y-reverse)));border-bottom-width:calc(1px*var(--divide-y-reverse))}.divide-gray-200>:not(template)~:not(template){--divide-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--divide-opacity))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-transparent{background-color:var(--color-transparent)}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-50{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f2f5f7;background-color:rgba(242,245,247,var(--bg-opacity))}.bg-gray-200{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.bg-gray-300{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}.bg-gray-400{--bg-opacity:1;background-color:#cbd5e0;background-color:rgba(203,213,224,var(--bg-opacity))}.bg-gray-500{--bg-opacity:1;background-color:#a0aec0;background-color:rgba(160,174,192,var(--bg-opacity))}.bg-gray-600{--bg-opacity:1;background-color:#718096;background-color:rgba(113,128,150,var(--bg-opacity))}.bg-gray-700{--bg-opacity:1;background-color:#4a5568;background-color:rgba(74,85,104,var(--bg-opacity))}.bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.bg-red-500{--bg-opacity:1;background-color:#f05252;background-color:rgba(240,82,82,var(--bg-opacity))}.bg-primary{background-color:var(--color-primary)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-800{background-color:var(--color-primary-800)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-400{background-color:var(--color-secondary-400)}.bg-tertiary{background-color:var(--color-tertiary)}.bg-tertiary-200{background-color:var(--color-tertiary-200)}.bg-amber{background-color:var(--color-amber)}.bg-gray-primary{background-color:var(--color-gray-primary)}.hover\:bg-gray-100:hover{--bg-opacity:1;background-color:#f2f5f7;background-color:rgba(242,245,247,var(--bg-opacity))}.hover\:bg-gray-200:hover{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.hover\:bg-gray-300:hover{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}.hover\:bg-gray-600:hover{--bg-opacity:1;background-color:#718096;background-color:rgba(113,128,150,var(--bg-opacity))}.hover\:bg-red-600:hover{--bg-opacity:1;background-color:#e02424;background-color:rgba(224,36,36,var(--bg-opacity))}.hover\:bg-secondary-400:hover{background-color:var(--color-secondary-400)}.hover\:bg-tertiary-400:hover{background-color:var(--color-tertiary-400)}.focus\:bg-gray-300:focus{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}.bg-cover{background-size:cover}.border-white{--border-opacity:1;border-color:#fff;border-color:rgba(255,255,255,var(--border-opacity))}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-gray-300{--border-opacity:1;border-color:#e2e8f0;border-color:rgba(226,232,240,var(--border-opacity))}.border-gray-400{--border-opacity:1;border-color:#cbd5e0;border-color:rgba(203,213,224,var(--border-opacity))}.border-gray-600{--border-opacity:1;border-color:#718096;border-color:rgba(113,128,150,var(--border-opacity))}.border-gray-800{--border-opacity:1;border-color:#2d3748;border-color:rgba(45,55,72,var(--border-opacity))}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-secondary-400{border-color:var(--color-secondary-400)}.hover\:border-white:hover{--border-opacity:1;border-color:#fff;border-color:rgba(255,255,255,var(--border-opacity))}.hover\:border-gray-600:hover{--border-opacity:1;border-color:#718096;border-color:rgba(113,128,150,var(--border-opacity))}.hover\:border-secondary:hover{border-color:var(--color-secondary)}.focus\:border-gray-800:focus{--border-opacity:1;border-color:#2d3748;border-color:rgba(45,55,72,var(--border-opacity))}.focus\:border-secondary:focus{border-color:var(--color-secondary)}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border-dashed{border-style:dashed}.border-2{border-width:2px}.border{border-width:1px}.border-t-2{border-top-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.order-2{order:2}.font-body{font-family:Circular,Helvetica Neue,Helvetica,Arial,sans-serif}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-1{height:.25rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-32{height:8rem}.h-40{height:10rem}.h-48{height:12rem}.h-64{height:16rem}.h-px{height:1px}.h-full{height:100%}.h-screen{height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.leading-10{line-height:2.5rem}.leading-11{line-height:2.75rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.m-2{margin:.5rem}.m-auto{margin:auto}.-m-2{margin:-.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.-my-8{margin-top:-2rem;margin-bottom:-2rem}.-mx-8{margin-left:-2rem;margin-right:-2rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.mt-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.mt-16{margin-top:4rem}.mb-16{margin-bottom:4rem}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.-mt-1{margin-top:-.25rem}.-mt-24{margin-top:-6rem}.-mt-40{margin-top:-10rem}.-mt-1\.5{margin-top:-.375rem}.last\:mb-0:last-child{margin-bottom:0}.max-w-450{max-width:450px}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-screen-lg{max-width:992px}.max-w-screen-xl{max-width:1280px}.min-h-screen{min-height:100vh}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.focus\:outline-none:focus,.outline-none{outline:2px solid transparent;outline-offset:2px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-12{padding-left:3rem;padding-right:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.px-16{padding-left:4rem;padding-right:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pt-6{padding-top:1.5rem}.pl-6{padding-left:1.5rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.pt-10{padding-top:2.5rem}.pb-10{padding-bottom:2.5rem}.pt-12{padding-top:3rem}.pb-12{padding-bottom:3rem}.pt-16{padding-top:4rem}.pb-16{padding-bottom:4rem}.pt-24{padding-top:6rem}.pb-24{padding-bottom:6rem}.pt-32{padding-top:8rem}.pb-32{padding-bottom:8rem}.pb-40{padding-bottom:10rem}.pt-48{padding-top:12rem}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;bottom:0}.inset-0,.inset-x-0{right:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-5{top:1.25rem}.right-5{right:1.25rem}.bottom-5{bottom:1.25rem}.right-16{right:4rem}.left-1\/2{left:50%}.top-full{top:100%}.resize-none{resize:none}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shadow-inner{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)}.shadow-none{box-shadow:none}.hover\:shadow:hover{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.focus\:shadow-none:focus,.hover\:shadow-none:hover{box-shadow:none}.fill-current{fill:currentColor}.fill-primary-offset-dark{fill:var(--color-primary-offset-dark)}.fill-secondary{fill:var(--color-secondary)}.fill-accent{fill:var(--color-accent)}.table-fixed{table-layout:fixed}.text-left{text-align:left}.text-center{text-align:center}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-gray-100{--text-opacity:1;color:#f2f5f7;color:rgba(242,245,247,var(--text-opacity))}.text-gray-200{--text-opacity:1;color:#edf2f7;color:rgba(237,242,247,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.text-red-500{--text-opacity:1;color:#f05252;color:rgba(240,82,82,var(--text-opacity))}.text-primary{color:var(--color-text-primary)}.text-primary-offset{color:var(--color-text-primary-offset)}.text-primary-200{color:var(--color-primary-200)}.text-secondary{color:var(--color-secondary)}.text-secondary-400{color:var(--color-secondary-400)}.text-tertiary{color:var(--color-tertiary)}.text-tertiary-600{color:var(--color-tertiary-600)}.text-amber{color:var(--color-amber)}.text-button{color:var(--color-text-button)}.hover\:text-white:hover{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.hover\:text-gray-300:hover{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.hover\:text-gray-400:hover{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.hover\:text-gray-600:hover{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.hover\:text-gray-700:hover{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.hover\:text-primary:hover{color:var(--color-text-primary)}.hover\:text-secondary:hover{color:var(--color-secondary)}.hover\:text-secondary-400:hover{color:var(--color-secondary-400)}.not-italic{font-style:normal}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.align-middle{vertical-align:middle}.visible{visibility:visible}.break-words{word-wrap:break-word;overflow-wrap:break-word}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-40{width:10rem}.w-56{width:14rem}.w-96{width:24rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/5{width:40%}.w-full{width:100%}.w-screen{width:100vw}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.gap-4{grid-gap:1rem;gap:1rem}.gap-5{grid-gap:1.25rem;gap:1.25rem}.gap-6{grid-gap:1.5rem;gap:1.5rem}.gap-8{grid-gap:2rem;gap:2rem}.gap-10{grid-gap:2.5rem;gap:2.5rem}.gap-12{grid-gap:3rem;gap:3rem}.gap-16{grid-gap:4rem;gap:4rem}.gap-20{grid-gap:5rem;gap:5rem}.gap-x-4{grid-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.gap-x-8{grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{grid-row-gap:1rem;row-gap:1rem}.gap-y-6{grid-row-gap:1.5rem;row-gap:1.5rem}.gap-y-8{grid-row-gap:2rem;row-gap:2rem}.gap-y-12{grid-row-gap:3rem;row-gap:3rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-span-2{grid-row:span 2/span 2}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.hover\:scale-105:hover{--transform-scale-x:1.05;--transform-scale-y:1.05}.rotate-2{--transform-rotate:2deg}.rotate-180{--transform-rotate:180deg}.translate-x-1\/2{--transform-translate-x:50%}.translate-x-full{--transform-translate-x:100%}.-translate-x-1\/2{--transform-translate-x:-50%}.translate-y-0{--transform-translate-y:0}.translate-y-1{--transform-translate-y:0.25rem}.translate-y-1\/2{--transform-translate-y:50%}.-translate-y-1{--transform-translate-y:-0.25rem}.-translate-y-full{--transform-translate-y:-100%}.hover\:translate-y-1:hover{--transform-translate-y:0.25rem}.transition-all{transition-property:all}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-opacity{transition-property:opacity}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}[data-theme=testcandidates]{--color-primary:#fff;--color-primary-offset:#fff;--color-primary-offset-dark:#dfe3ef;--color-primary-200:#d3d4ed;--color-primary-800:#d3d4ed;--color-secondary:#1b1c40;--color-secondary-400:#2a2c64;--color-tertiary:#dfe3ef;--color-tertiary-200:#e4e8f1;--color-tertiary-400:#bfc2ca;--color-tertiary-600:#1b1c40;--color-muted:#f9f9f9;--color-amber:#ff7900;--color-purple:#484966;--color-gray-primary:#a1a3a7;--color-transparent:transparent!important;--color-text-primary:#1b1c40;--color-text-primary-offset:#4a5568;--color-text-button:#fff;--color-accent:#1b1c40;--color-graph-primary:#1b1c40;--color-graph-secondary:#2fc487;--color-graph-tertiary:#dfe3ef}[data-theme=picked]{--color-primary:#1b1c40;--color-primary-offset:#2a2c64;--color-primary-offset-dark:#3f3d56;--color-primary-200:#d3d4ed;--color-primary-800:#494966;--color-secondary:#2fc487;--color-secondary-400:#27ab83;--color-tertiary:#dfe3ef;--color-tertiary-200:#faf2ed;--color-tertiary-400:#bfc2ca;--color-tertiary-600:#ad867e;--color-muted:#f9f9f9;--color-amber:#ff7900;--color-purple:#484966;--color-gray-primary:#a1a3a7;--color-transparent:transparent!important;--color-text-primary:#fff;--color-text-primary-offset:#e2e8f0;--color-text-button:#fff;--color-accent:#fff;--color-graph-primary:#1b1c40;--color-graph-secondary:#2fc487;--color-graph-tertiary:#4a5568}.ease-out-quad{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.ease-in-quad{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}.translate-x-5{transform:translateX(-5%)}.cta-link,.cta-link:focus,.cta-link:hover{background-image:linear-gradient(180deg,transparent 70%,var(--color-secondary))}.markdown{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity));font-size:1.125rem}.markdown>ol>*+*,.markdown>p,.markdown>ul>*+*{margin-top:1rem}.markdown>ul>li{list-style-type:disc;margin-left:2rem}.markdown>ol,.markdown>ul{margin-top:1rem}.markdown .title{font-size:1.5rem;text-align:center}.markdown img{margin-top:2rem;margin-bottom:2rem}.markdown table{width:100%;margin-bottom:1rem;margin-top:1rem}.markdown td,.markdown th{border-width:1px;padding:.5rem;text-align:center}.markdown tbody tr:nth-child(odd){--bg-opacity:1;background-color:#f2f5f7;background-color:rgba(242,245,247,var(--bg-opacity))}.markdown-table tbody tr:last-child{--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity));font-weight:600}.faq>.markdown{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity));font-size:1.25rem}.faq>.markdown h2,.faq>.markdown h3,.faq>.markdown h4{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.faq-flip>.markdown{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity));font-size:1.25rem}.faq-flip>.markdown h2,.faq-flip>.markdown h3,.faq-flip>.markdown h4{--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity))}.markdown h1{font-size:2.25rem;--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.markdown h1,.markdown h2{font-weight:600;margin-top:2rem;margin-bottom:1rem}.markdown h2{font-size:1.5rem}.markdown h3{font-size:1.25rem}.markdown h3,.markdown h4{font-weight:600;margin-top:2rem;margin-bottom:1rem}.markdown h4{font-size:1.125rem}.markdown a{background-image:linear-gradient(180deg,transparent 70%,rgba(47,196,135,.3) 0)}.markdown a:hover{background-image:linear-gradient(180deg,transparent 70%,rgba(47,196,135,.5) 0)}@media (min-width:768px){.markdown .title{font-size:1.875rem}}.markdown pre{white-space:pre-wrap}.hljs{padding:1.5rem!important;--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity));--bg-opacity:1!important;background-color:#f2f5f7!important;background-color:rgba(242,245,247,var(--bg-opacity))!important;border-radius:.25rem}.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}.underline-from-center{position:relative}.underline-from-center:before{content:"";position:absolute;background-color:var(--color-text-primary);left:51%;right:51%;bottom:0;height:1px;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.underline-from-center:hover:before{left:0;right:0}.bg-honeycomb{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%23d3d4ed' fill-opacity='.2' fill-rule='nonzero'/%3E%3C/svg%3E")}.bg-home{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='560' preserveAspectRatio='none'%3E%3Cg mask='url(%26quot;%23SvgjsMask1001%26quot;)' fill='none'%3E%3Cpath fill='rgba(27, 28, 64, 1)' d='M0 0h1440v560H0z'/%3E%3Cpath d='M0 352.223c80.463 16.568 163.756 51.355 240.462 21.944 81.206-31.137 144.404-102.816 178.795-182.699 34.06-79.113 22.877-168.038 8.787-253.011-13.837-83.444-24.526-177.561-89.22-232.05-63.395-53.395-160.447-19.77-239.466-44.789C17.799-364.206-46.106-459.819-129.771-441.96c-82.86 17.688-107.709 124.08-163.916 187.479-57.042 64.34-162.587 102.215-168.941 187.965-6.423 86.677 85.34 145.984 139.137 214.249 41.428 52.569 82.656 103.219 139.231 138.982 56.24 35.551 119.093 52.09 184.26 65.508' fill='%23161633'/%3E%3Cpath d='M1440 1104.813c104.037-16.887 207.324-27.716 299.683-78.497 97.241-53.466 182.442-125.236 241.606-219.118 65.079-103.268 138.58-222.04 111.405-341.041-27.042-118.418-164.815-168.311-247.946-256.873-78.895-84.05-122.258-205.069-228.238-250.422-110.245-47.179-240.419-40.827-352.457 1.919-108.098 41.243-172.056 144.743-251.76 228.609-83.98 88.365-220.253 154.665-228.113 276.317-7.921 122.606 142.108 193.869 190.438 306.826 50.17 117.259-7.904 288.288 95.895 362.4 102.646 73.289 244.991-9.912 369.487-30.12' fill='%2320224d'/%3E%3C/g%3E%3Cdefs%3E%3Cmask id='SvgjsMask1001'%3E%3Cpath fill='%23fff' d='M0 0h1440v560H0z'/%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E")}.slider-thumb::-webkit-slider-thumb{width:1.5rem;height:1.5rem;border-radius:9999px;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:var(--color-primary);box-shadow:inset 0 0 0 4px #fff}.slider-thumb::-webkit-slider-thumb:hover{-webkit-transition-property:all;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);background-color:var(--color-secondary)}.iti{display:block!important;margin-top:.25rem}.iti--separate-dial-code .iti__selected-flag{--bg-opacity:1!important;background-color:#f2f5f7!important;background-color:rgba(242,245,247,var(--bg-opacity))!important;border-right-width:1px!important}.iti__selected-flag{font-size:.875rem;--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity))}.iti__flag-container:focus,.iti__selected-flag:focus{outline:2px solid transparent;outline-offset:2px}.iti__country-list{width:390px;font-size:.875rem;overflow-x:hidden}.tippy-box[data-theme~=picked]{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity));--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity));border-radius:.25rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:.375rem .5rem;font-size:.75rem;border-width:1px;--border-opacity:1;border-color:#e2e8f0;border-color:rgba(226,232,240,var(--border-opacity));cursor:pointer}@media (min-width:675px){.sm\:space-y-0>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0px*(1 - var(--space-y-reverse)));margin-bottom:calc(0px*var(--space-y-reverse))}.sm\:cursor-move{cursor:move}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:h-10{height:2.5rem}.sm\:text-sm{font-size:.875rem}.sm\:text-lg{font-size:1.125rem}.sm\:text-xl{font-size:1.25rem}.sm\:text-2xl{font-size:1.5rem}.sm\:text-3xl{font-size:1.875rem}.sm\:text-4xl{font-size:2.25rem}.sm\:leading-10{line-height:2.5rem}.sm\:m-2{margin:.5rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:-mx-4{margin-left:-1rem;margin-right:-1rem}.sm\:mt-0{margin-top:0}.sm\:ml-4{margin-left:1rem}.sm\:ml-10{margin-left:2.5rem}.sm\:-mb-4{margin-bottom:-1rem}.sm\:max-w-xl{max-width:36rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:p-12{padding:3rem}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:pt-16{padding-top:4rem}.sm\:pb-16{padding-bottom:4rem}.sm\:pb-32{padding-bottom:8rem}.sm\:static{position:static}.sm\:absolute{position:absolute}.sm\:text-center{text-align:center}.sm\:w-10{width:2.5rem}.sm\:w-32{width:8rem}.sm\:w-48{width:12rem}.sm\:w-56{width:14rem}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-1\/4{width:25%}.sm\:gap-8{grid-gap:2rem;gap:2rem}.sm\:gap-x-6{grid-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.sm\:grid-flow-col{grid-auto-flow:column}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-end-auto{grid-column-end:auto}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:space-y-0>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0px*(1 - var(--space-y-reverse)));margin-bottom:calc(0px*var(--space-y-reverse))}.md\:space-x-8>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(2rem*var(--space-x-reverse));margin-left:calc(2rem*(1 - var(--space-x-reverse)))}.md\:divide-x>:not(template)~:not(template){--divide-x-reverse:0;border-right-width:calc(1px*var(--divide-x-reverse));border-left-width:calc(1px*(1 - var(--divide-x-reverse)))}.md\:divide-dashed>:not(template)~:not(template){border-style:dashed}.md\:rounded-none{border-radius:0}.md\:rounded-tr{border-top-right-radius:.25rem}.md\:rounded-br{border-bottom-right-radius:.25rem}.md\:cursor-move{cursor:move}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:flex-1{flex:1 1 0%}.md\:order-2{order:2}.md\:order-last{order:9999}.md\:h-150{height:37.5rem}.md\:text-base{font-size:1rem}.md\:text-lg{font-size:1.125rem}.md\:text-xl{font-size:1.25rem}.md\:text-3xl{font-size:1.875rem}.md\:text-4xl{font-size:2.25rem}.md\:text-5xl{font-size:3rem}.md\:text-6xl{font-size:4rem}.md\:leading-14{line-height:3.5rem}.md\:mx-5{margin-left:1.25rem;margin-right:1.25rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:-mx-3{margin-left:-.75rem;margin-right:-.75rem}.md\:mt-0{margin-top:0}.md\:mb-0{margin-bottom:0}.md\:mr-4{margin-right:1rem}.md\:mb-4{margin-bottom:1rem}.md\:mt-6{margin-top:1.5rem}.md\:mt-12{margin-top:3rem}.md\:mr-16{margin-right:4rem}.md\:ml-24{margin-left:6rem}.md\:max-w-lg{max-width:32rem}.md\:max-w-2xl{max-width:42rem}.md\:max-w-3xl{max-width:48rem}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:pb-0{padding-bottom:0}.md\:pl-8{padding-left:2rem}.md\:pl-12{padding-left:3rem}.md\:pb-16{padding-bottom:4rem}.md\:static{position:static}.md\:text-center{text-align:center}.md\:w-20{width:5rem}.md\:w-28{width:7rem}.md\:w-32{width:8rem}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-1\/4{width:25%}.md\:gap-x-6{grid-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:gap-x-8{grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-12{grid-row-gap:3rem;row-gap:3rem}.md\:gap-y-16{grid-row-gap:4rem;row-gap:4rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-end-auto{grid-column-end:auto}}@media (min-width:992px){.lg\:prose-lg{font-size:1.125rem;line-height:1.7777778}.lg\:prose-lg p{margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\:prose-lg [class~=lead]{font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.lg\:prose-lg blockquote{margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:0;font-style:normal;border:0}.lg\:prose-lg h1{font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.lg\:prose-lg h2{font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.lg\:prose-lg h3{font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.lg\:prose-lg h4{margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.lg\:prose-lg figure,.lg\:prose-lg img,.lg\:prose-lg video{margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\:prose-lg figure>*{margin-top:0;margin-bottom:0}.lg\:prose-lg figure figcaption{font-size:.8888889em;line-height:1.5;margin-top:1em}.lg\:prose-lg code{font-size:.8888889em}.lg\:prose-lg h2 code{font-size:.8666667em}.lg\:prose-lg h3 code{font-size:.875em}.lg\:prose-lg pre{font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding:1em 1.5em}.lg\:prose-lg ol,.lg\:prose-lg ul{margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\:prose-lg li{margin-top:.6666667em;margin-bottom:.6666667em}.lg\:prose-lg ol>li{padding-left:1.6666667em}.lg\:prose-lg ol>li:before{left:0}.lg\:prose-lg ul>li{padding-left:1.6666667em}.lg\:prose-lg ul>li:before{width:.3333333em;height:.3333333em;top:.72222em;left:.2222222em}.lg\:prose-lg>ul>li p{margin-top:.8888889em;margin-bottom:.8888889em}.lg\:prose-lg>ul>li>:first-child{margin-top:1.3333333em}.lg\:prose-lg>ul>li>:last-child{margin-bottom:1.3333333em}.lg\:prose-lg>ol>li>:first-child{margin-top:1.3333333em}.lg\:prose-lg>ol>li>:last-child{margin-bottom:1.3333333em}.lg\:prose-lg ol ol,.lg\:prose-lg ol ul,.lg\:prose-lg ul ol,.lg\:prose-lg ul ul{margin-top:.8888889em;margin-bottom:.8888889em}.lg\:prose-lg hr{margin-top:3.1111111em;margin-bottom:3.1111111em}.lg\:prose-lg h2+*,.lg\:prose-lg h3+*,.lg\:prose-lg h4+*,.lg\:prose-lg hr+*{margin-top:0}.lg\:prose-lg table{font-size:.8888889em;line-height:1.5}.lg\:prose-lg thead th{padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.lg\:prose-lg thead th:first-child{padding-left:0}.lg\:prose-lg thead th:last-child{padding-right:0}.lg\:prose-lg tbody td{padding:.75em}.lg\:prose-lg tbody td:first-child{padding-left:0}.lg\:prose-lg tbody td:last-child{padding-right:0}.lg\:prose-lg>:first-child{margin-top:0}.lg\:prose-lg>:last-child{margin-bottom:0}.lg\:space-y-0>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0px*(1 - var(--space-y-reverse)));margin-bottom:calc(0px*var(--space-y-reverse))}.lg\:cursor-move{cursor:move}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-no-wrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:flex-1{flex:1 1 0%}.lg\:order-2{order:2}.lg\:my-32{margin-top:8rem;margin-bottom:8rem}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:mb-0{margin-bottom:0}.lg\:ml-0{margin-left:0}.lg\:mr-4{margin-right:1rem}.lg\:mr-16{margin-right:4rem}.lg\:last\:mb-0:last-child{margin-bottom:0}.lg\:max-w-100{max-width:100px}.lg\:max-w-screen-lg{max-width:992px}.lg\:p-8{padding:2rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:pt-8{padding-top:2rem}.lg\:absolute{position:absolute}.lg\:right-15{right:3.75rem}.lg\:w-auto{width:auto}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-full{width:100%}.lg\:gap-16{grid-gap:4rem;gap:4rem}.lg\:gap-x-24{grid-column-gap:6rem;-moz-column-gap:6rem;column-gap:6rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-start-2{grid-column-start:2}.lg\:row-span-6{grid-row:span 6/span 6}}@media (min-width:1280px){.xl\:divide-y-0>:not(template)~:not(template){--divide-y-reverse:0;border-top-width:calc(0px*(1 - var(--divide-y-reverse)));border-bottom-width:calc(0px*var(--divide-y-reverse))}.xl\:divide-y>:not(template)~:not(template){--divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--divide-y-reverse)));border-bottom-width:calc(1px*var(--divide-y-reverse))}.xl\:divide-gray-200>:not(template)~:not(template){--divide-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--divide-opacity))}.xl\:cursor-move{cursor:move}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:justify-between{justify-content:space-between}.xl\:h-40{height:10rem}.xl\:text-2xl{font-size:1.5rem}.xl\:text-4xl{font-size:2.25rem}.xl\:text-6xl{font-size:4rem}.xl\:mt-0{margin-top:0}.xl\:-mt-16{margin-top:-4rem}.xl\:max-w-lg{max-width:32rem}.xl\:max-w-5xl{max-width:64rem}.xl\:px-0{padding-left:0;padding-right:0}.xl\:py-12{padding-top:3rem;padding-bottom:3rem}.xl\:px-12{padding-left:3rem;padding-right:3rem}.xl\:py-24{padding-top:6rem;padding-bottom:6rem}.xl\:pb-0{padding-bottom:0}.xl\:pb-12{padding-bottom:3rem}.xl\:pb-20{padding-bottom:5rem}.xl\:pt-48{padding-top:12rem}.xl\:pb-48{padding-bottom:12rem}.xl\:absolute{position:absolute}.xl\:text-left{text-align:left}.xl\:w-1\/2{width:50%}.xl\:gap-x-8{grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-start-1{grid-column-start:1}.xl\:col-start-2{grid-column-start:2}.xl\:col-start-3{grid-column-start:3}.xl\:row-span-2{grid-row:span 2/span 2}.xl\:row-span-3{grid-row:span 3/span 3}.xl\:row-start-2{grid-row-start:2}} /* CANONICAL: picked/resources/consent/consent.css — see README.md before editing. * * Sizes are in px on purpose, NOT rem. This stylesheet is dropped into sites with different * root font sizes: the PAT splash sets html to 10px, the others use the 16px default. In rem * the same card rendered 352px wide on six brands and 220px on PAT, with padding to match. * px keeps one stylesheet producing one identical banner everywhere, which is the whole point * of having one stylesheet. Do not "tidy" these back to rem. */ #picked-consent { --pk-surface: #fff; --pk-text: #1a1a2e; --pk-muted: #5b6270; --pk-border: #dfe3ea; --pk-accent: #1a1a2e; --pk-accent-text: #fff; position: fixed; bottom: 16px; left: 16px; z-index: 2147483000; max-width: 352px; width: calc(100% - 32px); font-size: 14px; line-height: 1.5; color: var(--pk-text); } #picked-consent[hidden] { display: none; } /* The host page's own type rules stop at the banner. PAT sets a 26px line-height on every p, which made the phone bar 122px instead of 106px. The ID outranks a host's element and class rules; every banner rule below carries the ID too, so it still wins over this reset. */ #picked-consent h2, #picked-consent p, #picked-consent a, #picked-consent button, #picked-consent label { margin: 0; font-size: inherit; line-height: inherit; letter-spacing: normal; text-transform: none; } #picked-consent .pk-consent__card { background: var(--pk-surface); border: 1px solid var(--pk-border); border-radius: 10px; box-shadow: 0 6px 24px rgba(16, 24, 40, 0.14); padding: 16px 18px 18px; } #picked-consent .pk-consent__heading { margin: 0 0 6px; font-size: 15px; font-weight: 600; } #picked-consent .pk-consent__body { margin: 0 0 14px; color: var(--pk-muted); } #picked-consent .pk-consent__actions { display: flex; gap: 8px; } #picked-consent .pk-consent__btn { flex: 1 1 0; padding: 8px 12px; font: inherit; font-weight: 500; color: var(--pk-text); background: var(--pk-surface); border: 1px solid var(--pk-border); border-radius: 6px; cursor: pointer; } #picked-consent .pk-consent__btn:hover { border-color: var(--pk-accent); } #picked-consent .pk-consent__btn:focus-visible { outline: 2px solid var(--pk-accent); outline-offset: 2px; } #picked-consent .pk-consent__btn--primary { color: var(--pk-accent-text); background: var(--pk-accent); border-color: var(--pk-accent); } #picked-consent .pk-consent__save { display: block; width: 100%; margin-top: 4px; } #picked-consent .pk-consent__save[hidden] { display: none; } #picked-consent .pk-consent__link { display: block; width: 100%; margin-top: 12px; padding: 0; font: inherit; font-size: 13px; color: var(--pk-muted); text-align: center; text-decoration: underline; background: none; border: 0; cursor: pointer; } #picked-consent .pk-consent__link[hidden] { display: none; } #picked-consent .pk-consent__panel { margin: 0 0 14px; } #picked-consent .pk-consent__panel[hidden] { display: none; } #picked-consent .pk-consent__row { display: flex; gap: 10px; padding: 8px 0; border-top: 1px solid var(--pk-border); } #picked-consent .pk-consent__check { margin-top: 3px; flex: none; } #picked-consent .pk-consent__row-label { font-weight: 500; } #picked-consent .pk-consent__row-help { margin: 2px 0 0; font-size: 13px; color: var(--pk-muted); } #picked-consent .pk-consent__privacy { display: inline-block; margin-top: 8px; font-size: 13px; color: var(--pk-accent); } /* Phones: a slim bar, at most about 110px tall (PAT fix list, 26 Oct 2026; it was 227px and covered the page's main button). The heading is kept for screen readers only, since the body opens with the same words and the card is a labelled dialog. Accept and Reject keep their equal treatment and stay side by side; Manage preferences joins their row as a link. Grid areas, not order, so the visual order matches the DOM and the tab order. */ @media (max-width: 480px) { #picked-consent { left: 8px; right: 8px; bottom: 8px; width: auto; max-width: none; font-size: 13px; line-height: 1.4; } #picked-consent .pk-consent__card { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "body body" "panel panel" "actions manage" "save save"; padding: 10px 12px; } #picked-consent .pk-consent__heading { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } #picked-consent .pk-consent__body { grid-area: body; margin: 0 0 8px; } #picked-consent .pk-consent__panel { grid-area: panel; margin: 0 0 10px; } #picked-consent .pk-consent__actions { grid-area: actions; } #picked-consent .pk-consent__save { grid-area: save; margin-top: 8px; } #picked-consent .pk-consent__btn { min-height: 40px; padding: 6px 10px; line-height: 1.2; } #picked-consent .pk-consent__link { grid-area: manage; width: min-content; min-height: 40px; margin: 0 0 0 10px; line-height: 1.25; } } /* * Test Candidates marketing site: the one stylesheet for every refreshed page. * * The build serves it inside /assets/css/site.css, after the Tailwind bundle * (styles.css) and consent.css, and before tc-focus.css, which stays its own * file because the employer and candidate apps share an identical copy. * * The first part (from tc-pat-core.css, tc-pat-home.css and tc-marketing.css) * applies to every refreshed page. Each later part applies only to the pages * that loaded its old file. Those pages name the part on , for example * , and the part's selectors start * with :where(html[data-tc-css~="acquisition"]). :where() adds no specificity, * so these rules win and lose exactly as they did in their own files. * * To add rules for one kind of page, put them in that kind's part with the same * prefix, and mark the template with {% tcCss 'part' %}. Order matters: later * parts override earlier ones, as the old files did on the pages that loaded * more than one of them. */ /* ==== From tc-pat-core.css: every refreshed page ==== */ /* Adapted from PAT splash/assets/css/v2-core.css, origin/master 57888798. Loaded only for the selected TC review pages. */ /* ========================================================================== Test page v2 — marketing-site redesign (Aptitude Test Page.dc.html) Loaded only by _layouts/test-v2.html. Class names are new (tv2-*) so this file cannot collide with the live styles; the free-test section itself is still styled by free-test.css. ========================================================================== */ .tv2 { font-family: 'Circular', 'Circular Std', 'Helvetica Neue', Arial, system-ui, sans-serif; color: #3E424E; background: #fff; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .tv2 *, .tv2 *::before, .tv2 *::after { box-sizing: border-box; } .tv2 a { color: #12141A; text-decoration: none; } .tv2 a:hover { color: #2A2D38; text-decoration: underline; } .tv2 :focus-visible { outline: 3px solid rgba(27,28,64,.45); outline-offset: 2px; border-radius: 4px; } /* Text fields: one indicator, the border in the brand blue, flush with the field; the offset ring is for buttons and links (Guy, 2026-09-10) */ .tv2 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select):focus-visible { outline: 1px solid #12141A; outline-offset: -1px; box-shadow: none; border-color: #12141A; } .tv2-pad { max-width: 1120px; margin: 0 auto; padding: 0 24px; } .tv2-mono { font-family: 'IBM Plex Mono', monospace; } /* Section-start rule: TC green means "section start" everywhere except the hero */ .tv2-rule { width: 26px; height: 4px; background: #2ED18A; border-radius: 2px; margin-bottom: 14px; } .tv2-rule--sm { width: 22px; height: 3px; margin-bottom: 12px; } /* ========================================================================== Header ========================================================================== */ .tv2-header { border-bottom: 1px solid #E6E3DC; background: #fff; position: relative; z-index: 30; } .tv2-header__bar { max-width: 1120px; margin: 0 auto; padding: 0 24px; height: 72px; display: flex; align-items: center; gap: 36px; } .tv2-header__logo { display: flex; align-items: center; } .tv2-header__logo img { display: block; width: 144px; height: 29px; } .tv2-nav { display: flex; gap: 38px; align-items: center; height: 100%; } .tv2-nav__item { position: relative; height: 100%; display: flex; align-items: center; } /* Written as `.tv2 a.tv2-nav__link`, not `.tv2-nav__link`: the base `.tv2 a` rule above is (0,1,1) and outranks a lone class at (0,1,0), so the nav rendered in link blue instead of the design's navy. Any rule that colours an anchor has to clear that bar. */ .tv2 a.tv2-nav__link { font-size: 15px; font-weight: 500; color: #12141A; text-decoration: none; display: flex; align-items: center; gap: 5px; } .tv2 a.tv2-nav__link:hover { color: #12141A; text-decoration: none; } .tv2-nav__caret { width: 14px; height: 14px; flex: 0 0 auto; color: #5A6478; } .tv2 a.tv2-nav__link:hover .tv2-nav__caret { color: #12141A; } .tv2-nav__menu { position: absolute; top: 100%; left: 0; padding-top: 6px; width: 250px; display: none; } .tv2-nav__item:hover .tv2-nav__menu, .tv2-nav__item:focus-within .tv2-nav__menu { display: block; } .tv2-nav__menu-inner { background: #fff; border: 1px solid #E6E3DC; border-radius: 10px; box-shadow: 0 4px 12px rgba(20,32,58,.09), 0 16px 40px -12px rgba(20,32,58,.18); padding: 10px; display: flex; flex-direction: column; } .tv2-nav__menu-inner a { font-size: 15px; color: #3E424E; text-decoration: none; padding: 9px 12px; border-radius: 6px; } .tv2-nav__menu-inner a:hover { background: #F5F3EF; color: #12141A; text-decoration: none; } .tv2-header__actions { margin-left: auto; display: flex; align-items: center; gap: 10px; } .tv2 a.tv2-btn--signin { display: inline-block; padding: 9px 18px; border-radius: 4px; font-size: 15px; font-weight: 500; color: #12141A; background: #fff; border: 1.5px solid #12141A; text-decoration: none; } .tv2 a.tv2-btn--signin:hover { background: #F5F3EF; text-decoration: none; color: #12141A; } .tv2 a.tv2-btn--getpro { display: inline-block; padding: 9px 18px; border-radius: 4px; font-size: 15px; font-weight: 500; color: #fff; background: #12141A; border: 1.5px solid #12141A; text-decoration: none; } .tv2 a.tv2-btn--getpro:hover { background: #2A2D38; border-color: #2A2D38; color: #fff; text-decoration: none; } .tv2-header__burger { display: none; width: 42px; height: 42px; align-items: center; justify-content: center; gap: 4px; flex-direction: column; background: #fff; border: 1.5px solid #E6E3DC; border-radius: 4px; cursor: pointer; padding: 0; } .tv2-header__burger span { width: 18px; height: 1.5px; background: #12141A; display: block; } .tv2-header__mobile { display: none; border-top: 1px solid #E6E3DC; padding: 10px 20px 18px; flex-direction: column; } .tv2-header__mobile a { font-size: 16px; font-weight: 500; color: #12141A; text-decoration: none; padding: 13px 0; border-bottom: 1px solid #EEEBE4; } .tv2-header__mobile a:last-child { border-bottom: 0; } .tv2-header__mobile a:hover { color: #12141A; } .tv2-header.is-open .tv2-header__mobile { display: flex; } /* ========================================================================== Hero ========================================================================== */ .tv2-hero-band { border-bottom: 1px solid #EEEBE4; } .tv2-hero-band--flush { border-bottom: 0; } .tv2-hero-band__inner { max-width: 1120px; margin: 0 auto; padding: 60px 24px 52px; } .tv2-breadcrumb { margin-bottom: 26px; } .tv2-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; line-height: 1.4; } .tv2-breadcrumb a { color: #5A6478; text-decoration: none; } .tv2-breadcrumb a:hover { color: #12141A; } .tv2-breadcrumb .tv2-breadcrumb__sep { color: #5A6478; } .tv2-breadcrumb [aria-current="page"] { color: #12141A; } .tv2-hero { display: grid; grid-template-columns: minmax(0,1fr) 344px; gap: 48px; align-items: start; } .tv2-hero__main { min-width: 0; } .tv2-hero__eyebrow { margin: 0 0 18px; font: 500 12px/1 'IBM Plex Mono', monospace; letter-spacing: .08em; text-transform: uppercase; color: #5A6478; } .tv2-hero__h1 { margin: 0 0 26px; font-size: clamp(32px, 5.4vw, 50px); line-height: 1.08; font-weight: 500; color: #12141A; letter-spacing: -.02em; max-width: 20ch; text-wrap: balance; } .tv2-hero__intro { margin: 0 0 40px; font-size: 20px; line-height: 1.6; color: #3E424E; max-width: 58ch; text-wrap: pretty; } .tv2-hero__facts { margin: 0; max-width: 58ch; } .tv2-hero__facts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 26px 28px; } .tv2-fact { display: flex; gap: 10px; min-width: 0; } .tv2-fact svg { width: 18px; height: 18px; flex: none; display: block; margin-top: 2px; } .tv2-fact__value { font: 500 15px/1.35 'IBM Plex Mono', monospace; color: #12141A; font-variant-numeric: tabular-nums; } .tv2-fact__label { font-size: 13px; line-height: 1.4; color: #5A6478; } .tv2-hero__free-line { margin: 24px 0 0; font: 500 12px/1.5 'IBM Plex Mono', monospace; letter-spacing: .04em; text-transform: uppercase; color: #0E7A50; } .tv2-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 38px; max-width: 58ch; } .tv2 a.tv2-btn--primary { display: inline-block; padding: 13px 22px; border-radius: 4px; font-size: 17px; font-weight: 500; color: #fff; background: #12141A; border: 1.5px solid #12141A; text-decoration: none; } .tv2 a.tv2-btn--primary:hover { background: #2A2D38; border-color: #2A2D38; color: #fff; text-decoration: none; } .tv2 a.tv2-btn--ghost { display: inline-block; padding: 13px 22px; border-radius: 4px; font-size: 17px; font-weight: 500; color: #12141A; background: #fff; border: 1.5px solid #12141A; text-decoration: none; } .tv2 a.tv2-btn--ghost:hover { background: #F5F3EF; color: #12141A; text-decoration: none; } .tv2-hero__rating { display: flex; align-items: center; gap: 10px; margin-top: 24px; } .tv2-stars { display: flex; gap: 2px; } .tv2-hero__rating-text { font-size: 15px; color: #3E424E; } .tv2-hero__rating-text b { font-weight: 500; color: #12141A; } /* Anchor variants below are written as `.tv2 a.…` so they beat `.tv2 a` (0,1,1). */ .tv2 a.tv2-hero__rating-link { color: #3E424E; text-decoration: none; } .tv2 a.tv2-hero__rating-link:hover { color: #3E424E; text-decoration: underline; } /* Single-column hero: the shape every v2 page uses when it has no aside. Moved here from test-v2.css on 2026-09-02 so the publisher template (its decorative fake test card removed, per the test pages) shares the exact same rules. Selectors unchanged, so test pages render byte-identically. */ .tv2 .tv2-hero--single { grid-template-columns: minmax(0, 1fr); } .tv2 .tv2-hero--single { text-align: center; } /* One line at desktop, which is what lifting the 20ch cap achieves: with no width constraint a short H1 sits on one line by itself. `white-space: nowrap` used to be here as well and did not add to that — it only removed the escape hatch, so any H1 too long for the column ran off the page instead of wrapping. Measured at 800px on 2026-09-02: 20 pages overflowed, worst 388px ("Personality Test in the Style of the PI Behavioral Assessment"), across the publisher, employer, personality and industry families. Character count is not a usable threshold either — a 34-character H1 of wide glyphs clipped while a 36-character one of narrow glyphs fitted. ⛔ Do not reinstate nowrap here. */ .tv2 .tv2-hero--single .tv2-hero__h1 { max-width: none; margin-inline: auto; } .tv2 .tv2-hero--single .tv2-hero__intro { max-width: 62ch; margin-inline: auto; } .tv2 .tv2-hero--single .tv2-hero__facts, .tv2 .tv2-hero--single .tv2-hero__ctas { margin-inline: auto; } .tv2 .tv2-hero--single .tv2-hero__ctas { justify-content: center; } .tv2 .tv2-hero--single .tv2-hero__rating { justify-content: center; } .tv2 .tv2-hero--single .tv2-factline { justify-content: center; } .tv2 .tv2-hero--single .tv2-fact { text-align: left; } .tv2-factline { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: baseline; row-gap: 6px; font: 500 15px/1.5 'IBM Plex Mono', monospace; color: #12141A; font-variant-numeric: tabular-nums; } .tv2-factline li { white-space: nowrap; } /* The pages with no free test put PACKAGE facts here instead, and those are sentences ("20 practice tests in the Situational Judgement pack"), not the two-word figures the nowrap above protects. Unwrappable, they overflowed a 375px viewport by 27px and scrolled the whole page sideways. Scoped to the long variant so the free-test hero is untouched at every width. */ .tv2-factline--long li { white-space: normal; } /* Separator AFTER each item, not before the next: when the line wraps, a trailing dot at a line end reads as punctuation; a leading one is an orphan. */ .tv2-factline li:not(:last-child)::after { content: '·'; margin: 0 12px; color: #8A93A6; } /* Long facts get a row each, and no separator. Not a mobile-only rule: the facts block is capped at ~570px at every viewport, and these two facts need ~741px, so they wrap at any width and the middot would always be left orphaned at the end of the first one. Must come AFTER the rule above, which it matches for specificity, so source order decides. */ .tv2-factline--long li { flex: 0 0 100%; text-align: inherit; } .tv2-factline--long li:not(:last-child)::after { content: none; margin: 0; } .tv2 a.tv2-factline__link { color: inherit; text-decoration: underline; text-decoration-color: #B9C2D0; text-underline-offset: 3px; } .tv2 a.tv2-factline__link:hover { color: #12141A; text-decoration-color: #12141A; } /* Try-one aside */ .tv2-tryone { border: 1px solid #E4E9F1; border-radius: 10px; background: #F8FAFD; padding: 20px 20px 18px; margin-top: 82px; } .tv2-tryone__head { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; } .tv2-tryone__head-rule { width: 18px; height: 3px; background: #2ED18A; border-radius: 2px; flex: none; } .tv2-tryone__label { font: 500 11px/1 'IBM Plex Mono', monospace; letter-spacing: .07em; text-transform: uppercase; color: #5A6478; } .tv2-tryone__stem { margin: 0 0 14px; font-size: 15px; line-height: 1.5; color: #12141A; text-wrap: pretty; } .tv2-tryone__options { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; border: 1px solid #E4E9F1; border-radius: 8px; background: #fff; overflow: hidden; } .tv2-tryone__option { display: flex; align-items: center; gap: 11px; padding: 10px 13px; cursor: pointer; min-height: 44px; border-top: 1px solid #EEEBE4; position: relative; } .tv2-tryone__option:first-child { border-top-color: transparent; } .tv2-tryone__option:hover { background: #F2F6FF; } .tv2-tryone__option input { position: absolute; opacity: 0; width: 0; height: 0; } .tv2-tryone__letter { width: 22px; height: 22px; border-radius: 50%; flex: none; display: flex; align-items: center; justify-content: center; font: 500 11px 'IBM Plex Mono', monospace; border: 1.5px solid #C7CCD8; background: #fff; color: #5A6478; } .tv2-tryone__body { font-size: 15px; line-height: 1.4; color: #12141A; } .tv2-tryone__option.is-picked-right { background: #F1FAF5; box-shadow: inset 2px 0 0 #0E7A50; } .tv2-tryone__option.is-picked-wrong { background: #FEF3F2; box-shadow: inset 2px 0 0 #C22A22; } .tv2-tryone__option.is-picked-right .tv2-tryone__letter { border-color: #0E7A50; background: #0E7A50; color: #fff; } .tv2-tryone__option.is-picked-wrong .tv2-tryone__letter { border-color: #C22A22; background: #C22A22; color: #fff; } .tv2-tryone__option.is-revealed-right .tv2-tryone__letter { border-color: #0E7A50; color: #0E7A50; } .tv2-tryone__option.is-revealed-right { background: #F1FAF5; } .tv2-tryone__mark { margin: 12px 0 0; padding-top: 11px; border-top: 1px solid #EEEBE4; font-size: 14px; line-height: 1.5; color: #5A6478; } .tv2-tryone__mark.is-right { color: #0E7A50; } .tv2-tryone__mark.is-wrong { color: #C22A22; } /* ========================================================================== Employer strip ========================================================================== */ .tv2-employers { background: #F6F8FC; border-bottom: 1px solid #EEEBE4; padding: 22px 0; } .tv2-employers__inner { max-width: 1120px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 14px 32px; flex-wrap: wrap; } .tv2-employers__label { font: 500 12px/1.4 'IBM Plex Mono', monospace; letter-spacing: .06em; text-transform: uppercase; color: #5A6478; flex: none; } .tv2-employers ul { list-style: none; margin: 0; padding: 0; flex: 1 1 480px; display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: center; } .tv2-employers li { flex: 0 1 auto; min-width: 0; } .tv2-employers img { max-height: 26px; max-width: 100%; width: auto; height: auto; display: block; object-fit: contain; opacity: .72; } /* ========================================================================== Intro + contents ========================================================================== */ .tv2-intro { display: grid; grid-template-columns: minmax(0,716px) 300px; gap: 56px; align-items: start; padding: 48px 0 0; } .tv2-intro__main { margin: 0; min-width: 0; } .tv2-dates { margin: 0 0 12px; font-size: 14px; line-height: 1.6; color: #5A6478; display: flex; gap: 8px; flex-wrap: wrap; } .tv2-h2 { margin: 0 0 16px; font-size: 26px; line-height: 1.25; font-weight: 500; color: #12141A; } .tv2-intro__def { margin: 0 0 26px; font-size: 17px; line-height: 1.65; color: #3E424E; max-width: 68ch; text-wrap: pretty; } .tv2-intro__note { margin: 0 0 18px; font-size: 17px; line-height: 1.65; color: #3E424E; max-width: 68ch; } .tv2-test-heading { margin-top: 40px; padding-top: 32px; border-top: 1px solid #E6E3DC; } .tv2-test-heading h2 { margin: 0 0 10px; font-size: 26px; line-height: 1.25; font-weight: 500; color: #12141A; } .tv2-test-heading__pdf { margin: 0 0 8px; font-size: 16px; line-height: 1.6; color: #3E424E; } .tv2-test-heading__pdf a { color: #12141A; font-weight: 500; } .tv2-test-heading__note { margin: 0; font-size: 14px; line-height: 1.6; color: #5A6478; } .tv2-toc { border: 1px solid #E6E3DC; border-radius: 10px; padding: 20px 22px; margin: 0; background: #fff; } .tv2-toc__title { font: 500 16px/1.3 'Circular', sans-serif; color: #12141A; margin-bottom: 6px; } .tv2-toc__note { margin: 0 0 10px; font-size: 13px; line-height: 1.55; color: #5A6478; } .tv2-toc ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 0; } .tv2-toc a { display: block; font-size: 15px; line-height: 1.5; color: #3E424E; text-decoration: none; padding: 10px 0; border-bottom: 1px solid #EEEBE4; } .tv2-toc li:last-child a { border-bottom: 0; } .tv2-toc a:hover { color: #12141A; } /* ========================================================================== Test wrapper ========================================================================== */ .tv2-test { padding: 0 0 16px; } #free-test { scroll-margin-top: 16px; } /* ========================================================================== Navy CTA band ========================================================================== */ .tv2-ctaband { background: #12141A; padding: 56px 0; margin: 0 0 8px; } .tv2-ctaband__inner { max-width: 1120px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 40px 64px; align-items: center; } .tv2-ctaband__copy { min-width: 0; } .tv2-ctaband__rule { width: 26px; height: 4px; background: #2ED18A; border-radius: 2px; margin-bottom: 18px; } .tv2-ctaband h2 { margin: 0 0 12px; font-size: 30px; line-height: 1.2; font-weight: 500; color: #fff; max-width: 20ch; text-wrap: balance; } .tv2-ctaband__body { margin: 0 0 26px; font-size: 17px; line-height: 1.6; color: rgba(255,255,255,.78); max-width: 48ch; text-wrap: pretty; } .tv2-ctaband__actions { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; } .tv2 a.tv2-btn--orange { display: inline-block; padding: 14px 26px; border-radius: 4px; font-size: 17px; font-weight: 500; color: #12141A; background: #2ED18A; border: 1.5px solid #2ED18A; text-decoration: none; } .tv2 a.tv2-btn--orange:hover { background: #FFAB33; border-color: #FFAB33; color: #12141A; text-decoration: none; } .tv2-ctaband__price { font-size: 15px; color: rgba(255,255,255,.7); } .tv2-ctaband__stats { margin: 0; min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(140px,100%),1fr)); gap: 0 32px; border-top: 1px solid rgba(255,255,255,.16); } .tv2-ctaband__stat { padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.16); } .tv2-ctaband__stat dt { font: 500 44px/1 'IBM Plex Mono', monospace; color: #fff; font-variant-numeric: tabular-nums; } .tv2-ctaband__stat dd { margin: 8px 0 0; font-size: 15px; line-height: 1.4; color: rgba(255,255,255,.7); } /* ========================================================================== Guide + sidebar ========================================================================== */ .tv2-guide { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 56px; align-items: start; padding: 56px 0 0; } .tv2-guide__main { min-width: 0; scroll-margin-top: 16px; } .tv2-guide__section { margin-bottom: 44px; } .tv2-guide__section h2 { margin: 0 0 16px; font-size: 26px; line-height: 1.25; font-weight: 500; color: #12141A; max-width: 40ch; text-wrap: balance; } .tv2-guide__section p { margin: 0 0 16px; font-size: 17px; line-height: 1.65; color: #3E424E; max-width: 68ch; text-wrap: pretty; } .tv2-guide__section b, .tv2-guide__section strong { font-weight: 500; color: #12141A; } .tv2-guide__section ul, .tv2-guide__section ol { margin: 0 0 16px; padding-left: 22px; display: flex; flex-direction: column; gap: 10px; } .tv2-guide__section li { font-size: 17px; line-height: 1.6; color: #3E424E; max-width: 66ch; } .tv2-guide__section li::marker { color: #12141A; font: 600 14px 'IBM Plex Mono', monospace; } .tv2-guide__section table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 0 0 16px; } .tv2-guide__section th, .tv2-guide__section td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #EEEBE4; vertical-align: top; } .tv2-guide__section th { color: #12141A; font-weight: 500; } .tv2-guide__section a { color: #12141A; } .tv2-sidebar { display: flex; flex-direction: column; gap: 20px; } /* One orange tick per rail: blocks after the first drop theirs. */ .tv2-sidebar > :not(:first-child) .tv2-rule--sm { display: none; } .tv2-sidebar__card { border: 1px solid #E6E3DC; border-radius: 10px; padding: 20px 22px; } .tv2-sidebar__title { font: 500 16px/1.3 'Circular', sans-serif; color: #12141A; margin-bottom: 6px; } .tv2-sidebar__note { margin: 0 0 10px; font-size: 13px; line-height: 1.55; color: #5A6478; } .tv2-sidebar__links { display: flex; flex-direction: column; } .tv2-sidebar__links a { font-size: 15px; color: #3E424E; text-decoration: none; padding: 10px 0; border-bottom: 1px solid #EEEBE4; } .tv2-sidebar__links a:last-child { border-bottom: 0; } .tv2-sidebar__links a:hover { color: #12141A; } /* "All … →" hub link closing a capped list. Last child, so the rule above removes its own underline-rule and the item before it keeps a divider. */ .tv2-sidebar__links a.tv2-sidebar__all { color: #12141A; } /* ========================================================================== FAQs ========================================================================== */ .tv2-faqs { background: #F6F8FC; padding: 72px 0; scroll-margin-top: 16px; } .tv2-faqs__head { margin-bottom: 34px; } .tv2-faqs__head h2 { margin: 0 0 8px; font-size: 28px; line-height: 1.2; font-weight: 500; color: #12141A; } .tv2-faqs__head p { margin: 0; font-size: 16px; line-height: 1.6; color: #5A6478; max-width: 60ch; } .tv2-faqs__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 30px 48px; align-items: start; } .tv2-faq { border-top: 1px solid #E6E3DC; padding-top: 18px; } .tv2-faq h3 { margin: 0 0 8px; font: 500 18px/1.35 'Circular', sans-serif; color: #12141A; text-wrap: pretty; } .tv2-faq p { margin: 0; font-size: 16px; line-height: 1.65; color: #3E424E; text-wrap: pretty; } /* ========================================================================== Reviews ========================================================================== */ .tv2-reviews { border-top: 1px solid #EEEBE4; padding: 56px 0; } .tv2-reviews__head { text-align: center; margin-bottom: 32px; } .tv2-reviews__head h2 { margin: 0 0 10px; font-size: 28px; line-height: 1.2; font-weight: 500; color: #12141A; } .tv2-reviews__head p { margin: 0; font-size: 16px; line-height: 1.6; color: #5A6478; } .tv2-reviews__list { display: flex; flex-direction: column; gap: 16px; } .tv2-review { background: #F6F8FC; border-radius: 10px; padding: 22px 24px; } .tv2-review__byline { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; } .tv2-review__avatar { width: 38px; height: 38px; border-radius: 50%; background: #E6E3DC; color: #5A6478; flex: none; display: flex; align-items: center; justify-content: center; font: 500 15px 'Circular', sans-serif; } .tv2-review__name { font-size: 15px; color: #3E424E; padding-top: 9px; } .tv2-review__meta { margin-left: auto; text-align: right; font-size: 14px; line-height: 1.5; color: #5A6478; } /* Quote-led review cards, side by side (the test-page shape). Shared modifier since 2026-09-02: test-v2 and publisher-profile-v2 both add `tv2-reviews--cards` to the section, so one definition serves both. Employer pages keep the older stacked byline markup above. */ .tv2 .tv2-reviews--cards { border-top: 0; padding: 64px 0 24px; } .tv2 .tv2-reviews--cards .tv2-reviews__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; } .tv2 .tv2-reviews--cards .tv2-review { display: flex; flex-direction: column; } .tv2 .tv2-reviews--cards .tv2-review__body { flex: 1; font-size: 15px; } .tv2 .tv2-reviews--cards .tv2-review__title-row h3 { font-size: 16px; } .tv2 .tv2-reviews--cards .tv2-review__footer { margin: 12px 0 0; font-size: 13px; color: #5A6478; } .tv2-review__title-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; } .tv2-review__title-row h3 { margin: 0; font-size: 18px; line-height: 1.35; font-weight: 500; color: #12141A; } .tv2-review__body { margin: 0; font-size: 16px; line-height: 1.6; color: #3E424E; } /* ========================================================================== Footer ========================================================================== */ /* ---- THE plan shelf (v2/plans.html): one include on pricing, home and the psychometric hub, Guy 2026-09-04 ---- */ .tv2-plans { background: #F6F8FC; border-top: 1px solid #EEEBE4; border-bottom: 1px solid #EEEBE4; padding: 56px 0; scroll-margin-top: 16px; } .tv2-plans__head { text-align: center; margin-bottom: 30px; } .tv2-plans__kicker { margin: 0 0 8px; font: 500 15px/1 'Circular', sans-serif; color: #12141A; } .tv2-plans__head h2 { margin: 0 0 8px; font-size: 32px; line-height: 1.15; font-weight: 500; color: #12141A; } .tv2-plans__sub { margin: 0; font-size: 17px; line-height: 1.6; color: #5A6478; } /* Billing toggle: hidden without JS (both prices render instead) */ .tv2-plans__toggle-row { display: none; justify-content: center; margin-bottom: 26px; } .tv2-plans-js .tv2-plans__toggle-row { display: flex; } .tv2-plans__toggle { display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: #fff; border: 1px solid #E6E3DC; } .tv2-plans__toggle-btn { border: none; cursor: pointer; padding: 9px 18px; border-radius: 999px; font: 500 15px 'Circular', sans-serif; background: transparent; color: #5A6478; } .tv2-plans__toggle-btn[aria-pressed="true"] { background: #12141A; color: #fff; } /* Billing visibility. Without JS neither class is set, so both variants render and both prices stay readable. */ .tv2-billing-annual .tv2-monthly { display: none !important; } .tv2-billing-monthly .tv2-annual { display: none !important; } .tv2-plans__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px,100%),1fr)); gap: 24px; max-width: 900px; margin: 0 auto; align-items: start; } .tv2-plan { min-width: 0; border: 1px solid #E6E3DC; border-radius: 12px; background: #fff; padding: 28px 28px 26px; } .tv2-plan--pro { position: relative; border: 1.5px solid #12141A; box-shadow: 0 2px 14px rgba(20,32,58,.06); } .tv2-plan__toprow { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 4px; } .tv2-plan h3 { margin: 0; font-size: 22px; font-weight: 500; color: #12141A; } .tv2-plan__basictitle { margin-bottom: 4px !important; } .tv2-plan__save { font: 500 12px/1 'IBM Plex Mono', monospace; letter-spacing: .05em; text-transform: uppercase; color: #0E7A50; background: #E6F6EE; border: 1px solid #BFE5D3; padding: 6px 9px; border-radius: 999px; } .tv2-plan__price { display: flex; align-items: flex-end; gap: 8px; margin-bottom: 6px; } .tv2-plan__amount { font: 500 44px/1 'IBM Plex Mono', monospace; color: #12141A; font-variant-numeric: tabular-nums; } .tv2-plan__amount--free { font-family: 'Circular', 'Circular Std', 'Helvetica Neue', Arial, system-ui, sans-serif; font-weight: 500; } .tv2-plan__period { font-size: 16px; color: #5A6478; padding-bottom: 6px; } .tv2-plan__note { margin: 0 0 20px; font-size: 15px; line-height: 1.55; color: #5A6478; } .tv2 a.tv2-plan__cta { display: block; text-align: center; margin-bottom: 22px; } .tv2-plan__listhead { font: 600 12px/1 'IBM Plex Mono', monospace; letter-spacing: .08em; text-transform: uppercase; color: #5A6478; margin-bottom: 12px; } .tv2-plan__catalogues { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px,100%),1fr)); gap: 8px 18px; } .tv2-plan__catalogues li { display: flex; align-items: baseline; gap: 8px; font-size: 15px; line-height: 1.5; color: #3E424E; } .tv2-plan__count { font: 500 13px 'IBM Plex Mono', monospace; color: #12141A; font-variant-numeric: tabular-nums; min-width: 30px; text-align: right; } .tv2-plan__features { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; } .tv2-plan__features li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.5; color: #3E424E; } .tv2-plan__tick { color: #0E7A50; font-weight: 700; } .tv2-plan__excluded { margin-top: 14px; padding-top: 14px; border-top: 1px solid #EEEBE4; } .tv2-plan__excluded li { color: #5A6478; } .tv2-plan__cross { color: #98A1B2; font-weight: 700; } /* The closer band every v2 page ends on, ahead of the footer (Guy, 2026-09-04). */ .tv2-closerband { background: #12141A; padding: 56px 0 8px; text-align: center; } .tv2-closerband h2 { margin: 0 0 10px; font-size: 30px; line-height: 1.2; font-weight: 500; color: #fff; } .tv2-closerband p { margin: 0 0 24px; font-size: 17px; line-height: 1.6; color: rgba(255,255,255,.8); } .tv2-closerband__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } .tv2 a.tv2-closerband__btn { display: inline-block; padding: 13px 22px; border-radius: 4px; font-size: 17px; font-weight: 500; color: #12141A; background: #fff; border: 1.5px solid #fff; text-decoration: none; } .tv2 a.tv2-closerband__btn:hover { background: #DCE8FF; border-color: #DCE8FF; color: #12141A; text-decoration: none; } .tv2 a.tv2-closerband__btn--ghost { display: inline-block; padding: 13px 22px; border-radius: 4px; font-size: 17px; font-weight: 500; color: #fff; background: transparent; border: 1.5px solid rgba(255,255,255,.5); text-decoration: none; } .tv2 a.tv2-closerband__btn--ghost:hover { border-color: #fff; color: #fff; text-decoration: none; } .tv2-footer__main { background: #12141A; color: #fff; padding: 40px 0 48px; } /* The thin rating strip. No hairlines (Guy, 2026-09-04): the spacing alone sets it off. */ .tv2-footer__rating { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 44px; padding: 18px 0; font-size: 16px; } .tv2-footer__rating strong { font-weight: 700; } .tv2-footer__rating-score { color: rgba(255,255,255,.8); } .tv2-footer__cols { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 40px; } .tv2-footer__col-title { color: #94AEF2; font: 500 15px/1 'Circular', sans-serif; letter-spacing: .02em; padding-bottom: 12px; } .tv2-footer__col-links { display: flex; flex-direction: column; } .tv2-footer__col-links a { padding: 9px 0; font-weight: 500; font-size: 16px; color: #fff; text-decoration: none; } .tv2-footer__col-links a:hover { color: #94AEF2; text-decoration: none; } .tv2-footer__legal { background: #0E1526; color: rgba(255,255,255,.72); padding: 22px 0; } .tv2-footer__legal-inner { max-width: 1120px; margin: 0 auto; padding: 0 24px; display: flex; gap: 20px; flex-wrap: wrap; align-items: center; font-size: 15px; } .tv2-footer__copyright { font-size: 14px; color: rgba(255,255,255,.55); } .tv2-footer__legal button { background: none; border: 0; padding: 0; cursor: pointer; font-family: 'Circular', sans-serif; font-size: 15px; font-weight: 500; color: rgba(255,255,255,.72); } .tv2-footer__social { margin-left: auto; display: flex; gap: 18px; } .tv2-footer__social a { color: rgba(255,255,255,.72); text-decoration: none; font-weight: 500; } .tv2-footer__social a:hover { color: #fff; text-decoration: none; } /* ========================================================================== Responsive — behaviour per the design's breakpoint set ========================================================================== */ @media (prefers-reduced-motion: reduce) { .tv2 * { animation-duration: .01ms !important; transition-duration: .01ms !important; } } @media (max-width: 980px) { .tv2-footer__cols { grid-template-columns: repeat(2, minmax(0,1fr)); } .tv2-tryone { margin-top: 0; max-width: 460px; } .tv2-toc, .tv2-sidebar { max-width: 460px; } .tv2-hero, .tv2-intro, .tv2-guide { grid-template-columns: minmax(0,1fr); gap: 32px; } } @media (max-width: 860px) { .tv2-nav { display: none; } .tv2-header__burger { display: flex; } } @media (max-width: 480px) { /* Phones: the filled Get Pro button stays, Sign in moves into the burger's reach via the menu. */ .tv2 a.tv2-btn--signin { display: none; } } @media (max-width: 700px) { .tv2-ctaband__inner { grid-template-columns: minmax(0,1fr); } .tv2-faqs__grid { grid-template-columns: minmax(0,1fr); } } @media (max-width: 620px) { .tv2-pad, .tv2-hero-band__inner, .tv2-employers__inner, .tv2-ctaband__inner, .tv2-footer__legal-inner { padding-left: 20px; padding-right: 20px; } } /* Byline (shared: test/publisher/employer/industry v2) */ .tv2-byline { display: flex; align-items: center; gap: 13px; flex-wrap: wrap; margin: 0 0 22px; padding-bottom: 20px; border-bottom: 1px solid #EEEBE4; } .tv2-byline__avatar { width: 40px; height: 40px; border-radius: 50%; flex: none; background: repeating-linear-gradient(135deg, #E7EBF3 0 6px, #EEEBE4 6px 12px); display: flex; align-items: center; justify-content: center; font: 500 14px 'Circular', sans-serif; color: #5A6478; } .tv2-byline__name { margin: 0 0 3px; font-size: 15px; line-height: 1.4; color: #12141A; } .tv2-byline__name b { font-weight: 500; } /* The byline resolves to the writer's page. Beats .tv2 a (0,1,1) — house rule. */ .tv2 a.tv2-byline__link { color: inherit; text-decoration: none; } .tv2 a.tv2-byline__link:hover { color: #12141A; text-decoration: underline; } .tv2-byline__meta { margin: 0; font-size: 13px; line-height: 1.45; color: #5A6478; } .tv2-byline__meta a { color: inherit; text-decoration: underline; } /* ---- The standard's shared-section rules, moved from test-v2.css on 2026-09-02 (V2-STANDARD-TEMPLATE-DESIGN.md step 2b). Selectors unchanged, so the test pages render byte-identically; every family on the spine now gets the same guide typography, unboxed rail with one tick, types grid, diagram frame, FAQ and intro spacing. ---- */ .tv2 .tv2-hero__ctas--nofacts { margin-top: 26px; } .tv2 .tv2-guide__section ul { list-style: disc; } .tv2 .tv2-guide__section ol { list-style: decimal; } .tv2 .tv2-guide__section li { display: list-item; } .tv2 .tv2-guide__section ol.tv2-tips { list-style: none; } .tv2 .tv2-guide__section ol.tv2-tips > li.tv2-tip { display: block; } .tv2 .tv2-guide__section { scroll-margin-top: 24px; } .tv2 .tv2-guide__section h2, .tv2 .tv2-faq h3 { scroll-margin-top: 24px; } .tv2 .tv2-guide__section--cms > :first-child { margin-top: 0; } .tv2 .tv2-guide__section--cms h2 { margin: 40px 0 16px; font-size: 26px; line-height: 1.25; font-weight: 500; color: #12141A; max-width: 40ch; text-wrap: balance; scroll-margin-top: 24px; } .tv2 .tv2-guide__section--cms h2:first-child { margin-top: 0; } .tv2 .tv2-guide__section--cms h3 { margin: 30px 0 12px; font-size: 20px; line-height: 1.3; font-weight: 500; color: #12141A; max-width: 46ch; } .tv2 .tv2-guide__section--cms h4 { margin: 24px 0 10px; font-size: 17px; line-height: 1.35; font-weight: 500; color: #12141A; } .tv2 .tv2-guide__section--cms img, .tv2 .tv2-guide__section img { max-width: 100%; height: auto; display: block; margin: 20px 0; border-radius: 8px; } .tv2 .tv2-guide__section--cms blockquote { margin: 0 0 16px; padding: 2px 0 2px 18px; border-left: 3px solid #2ED18A; color: #3E424E; font-size: 17px; line-height: 1.65; } .tv2 .tv2-guide__section--cms hr { border: 0; border-top: 1px solid #EEEBE4; margin: 32px 0; } .tv2 .tv2-guide__section--cms table { display: block; overflow-x: auto; max-width: 100%; } .tv2 .tv2-sidebar { gap: 32px; } .tv2 .tv2-toc, .tv2 .tv2-sidebar__card { border: 0; border-radius: 0; padding: 0; margin: 0; background: transparent; } .tv2 .tv2-qtypes__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 28px; margin-top: 18px; } .tv2 .tv2-qtypes__item { padding: 14px 0; border-bottom: 1px solid #EEEBE4; } .tv2 .tv2-qtypes__item h3 { margin: 0 0 6px; font-size: 18px; color: #12141A; } .tv2 .tv2-qtypes__item p { margin: 0 0 8px; font-size: 15px; line-height: 1.55; color: #3E424E; } .tv2 .tv2-qtypes__item a { font-size: 15px; color: #12141A; text-decoration: none; } .tv2 .tv2-qtypes__item a:hover { text-decoration: underline; } .tv2 .tv2-qtypes__all { margin: 14px 0 0; font-size: 15px; } .tv2 .tv2-qtypes__all a { color: #12141A; text-decoration: none; } .tv2 .tv2-qtypes__all a:hover { text-decoration: underline; } .tv2 .tv2-diagram { margin: 22px 0 0; } .tv2 .tv2-diagram__label { font: 500 11px/1 'IBM Plex Mono', monospace; letter-spacing: .07em; text-transform: uppercase; color: #5A6478; margin-bottom: 10px; } .tv2 .tv2-diagram svg { display: block; width: 100%; height: auto; } .tv2 .tv2-diagram__axis { display: flex; justify-content: space-between; margin: 4px 0 12px; font: 500 12px/1 'IBM Plex Mono', monospace; color: #5A6478; font-variant-numeric: tabular-nums; } .tv2 .tv2-diagram__legend { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; line-height: 1.4; color: #3E424E; } .tv2 .tv2-diagram__swatch { display: inline-block; width: 11px; height: 11px; border-radius: 2px; margin-right: 8px; vertical-align: -1px; } .tv2 .tv2-diagram__swatch--bulk { background: #DCE8FF; border: 1.5px solid #12141A; } .tv2 .tv2-diagram__swatch--top { height: 2px; background: #0E7A50; vertical-align: 3px; } .tv2 .tv2-diagram figcaption { margin-top: 14px; font-size: 15px; line-height: 1.55; color: #5A6478; } .tv2 .tv2-faqs { padding: 64px 0; } .tv2 .tv2-intro-byline { padding: 48px 0 0; } .tv2 .tv2-intro { padding-top: 26px; } /* Breadcrumb centred under the single-column hero, as on the test pages (moved from test-v2.css 2026-09-02: it was the one shared-class rule the first move missed). */ .tv2 .tv2-breadcrumb ol { justify-content: center; } /* The no-sign-up alternative under the intro slot, where the hero button is the pack's own free test behind sign-in. */ /* Shared mobile treatment for the marketing pages. */ @media (max-width: 720px) { .tv2 .tv2-hero__ctas, .tv2 .tv2-closerband__actions, .tv2 .tv2-ctaband__actions { display: flex; flex-direction: column; align-items: stretch; width: 100%; gap: 12px; } .tv2 .tv2-hero__ctas > a, .tv2 .tv2-closerband__actions > a, .tv2 .tv2-ctaband__actions > a { box-sizing: border-box; width: 100%; text-align: center; min-height: 48px; padding: 12px 16px; } .tv2 .tv2-employers__inner { gap: 20px; } .tv2 .tv2-employers__label { flex-basis: 100%; } .tv2 .tv2-employers ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 24px; width: 100%; flex-basis: 100%; } .tv2 .tv2-employers li { display: flex; align-items: center; justify-content: center; min-width: 0; height: 32px; } .tv2 .tv2-employers img { width: auto; max-width: 100%; max-height: 28px; } .tv2 .tv2-footer__cols { grid-template-columns: 1fr; gap: 24px; } .tv2 .tv2-footer__col-title { padding-bottom: 8px; line-height: 1.3; } .tv2 .tv2-footer__col-links a { min-height: 44px; display: flex; align-items: center; padding: 8px 0; font-size: 15px; } .tv2 .tv2-footer__legal-inner { flex-direction: column; align-items: flex-start; gap: 12px; } .tv2 .tv2-hero__rating, .tv2 .tv2-footer__rating { gap: 6px; flex-wrap: nowrap; } .tv2 .tv2-hero__rating-text, .tv2 .tv2-footer__rating { font-size: 12px; white-space: nowrap; } .tv2 .tv2-hero__rating .tv2-stars, .tv2 .tv2-footer__rating .tv2-stars { gap: 0; flex-shrink: 0; } .tv2 .tv2-hero__rating .tv2-stars svg, .tv2 .tv2-footer__rating .tv2-stars svg { width: 12px !important; height: 12px !important; } } .tv2-footer__col-title { list-style: none; } .tv2-footer__col-title::-webkit-details-marker { display: none; } @media (max-width: 720px) { .tv2 .tv2-footer__cols { gap: 0; } .tv2 .tv2-footer__main { padding: 20px 0; } .tv2 .tv2-footer__rating { margin-bottom: 16px; padding: 8px 0; } .tv2-footer__group { border-top: 1px solid rgba(255,255,255,.16); } .tv2 .tv2-footer__col-title { display: flex; justify-content: space-between; padding: 16px 0; cursor: pointer; } .tv2-footer__col-title::after { content: '+'; } .tv2-footer__group[open] .tv2-footer__col-title::after { content: '−'; } .tv2-footer__col-links { padding-bottom: 12px; } } /* ==== From tc-pat-home.css: every refreshed page ==== */ /* ========================================================================== Homepage v2 — marketing-site redesign (Homepage.dc.html) Loaded only by _layouts/home-v2.html, after v2-core.css. Reusable tv2-* classes live in v2-core.css; everything template-specific here is homev2-*. ========================================================================== */ /* Shared section furniture */ .homev2-sec-h2 { margin-bottom: 10px; } .homev2-sec-note { margin: 0 0 26px; font-size: 17px; line-height: 1.6; color: #3E424E; max-width: 64ch; } /* ========================================================================== Answer-first copy + credits aside ========================================================================== */ .homev2-copy p { margin: 0 0 16px; font-size: 17px; line-height: 1.65; color: #3E424E; max-width: 68ch; text-wrap: pretty; } .homev2-copy p:last-child { margin-bottom: 0; } /* Tips section with no rail (Guy, 2026-09-04): one column at the guide column's width. */ .homev2-tips-sec .tv2-guide--single { grid-template-columns: minmax(0,716px); } /* ========================================================================== Test-type cards ========================================================================== */ .homev2-types { padding: 48px 0 52px; scroll-margin-top: 16px; } .homev2-tcards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px 14px; } .tv2 a.homev2-tcard { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; align-items: start; background: #fff; border: 1px solid #E6E3DC; border-radius: 9px; padding: 13px 14px; text-decoration: none; color: inherit; } .tv2 a.homev2-tcard:hover { border-color: #12141A; box-shadow: 0 2px 10px rgba(20,32,58,.07); text-decoration: none; color: inherit; } .homev2-tcard__icon { width: 34px; height: 34px; border-radius: 8px; background: #F5F3EF; color: #12141A; display: flex; align-items: center; justify-content: center; } .homev2-tcard__icon svg { display: block; } .homev2-tcard__text { min-width: 0; display: block; } .homev2-tcard__name { display: block; font: 500 16px/1.35 'Circular', sans-serif; color: #12141A; margin-bottom: 2px; } .homev2-tcard__note { display: block; font-size: 13.5px; line-height: 1.45; color: #5A6478; text-wrap: pretty; } /* ========================================================================== Publisher / employer directory cards ========================================================================== */ /* Full-bleed grey band (Guy, 2026-09-04): breaks the page up, and the three directory cards fill the row. */ .homev2-dir-sec { padding: 56px 0 60px; background: #F6F8FC; border-top: 1px solid #EEEBE4; border-bottom: 1px solid #EEEBE4; } .homev2-dir-sec .homev2-dircard__head { background: #FFF; } .homev2-dir { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px,100%),1fr)); gap: 24px; align-items: start; } .homev2-dircard { border: 1px solid #E6E3DC; border-radius: 10px; min-width: 0; overflow: hidden; background: #fff; } .homev2-dircard__head { padding: 20px 22px 17px; border-bottom: 1px solid #E6E3DC; background: #F8FAFD; } .homev2-dircard__title-row { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 6px; } .homev2-dircard__title-row h3 { margin: 0; font-size: 19px; line-height: 1.3; font-weight: 500; color: #12141A; } .homev2-dircard__count { font: 500 11px/1.4 'IBM Plex Mono', monospace; letter-spacing: .06em; text-transform: uppercase; color: #5A6478; white-space: nowrap; } .homev2-dircard__head p { margin: 0; font-size: 15px; line-height: 1.6; color: #5A6478; text-wrap: pretty; } .homev2-dircard__list { list-style: none; margin: 0; padding: 0; } .homev2-dircard__list li { border-top: 1px solid #EEEBE4; } .homev2-dircard__list li:first-child { border-top-color: transparent; } .tv2 a.homev2-dirrow { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 11px 22px; text-decoration: none; color: #12141A; } .tv2 a.homev2-dirrow:hover { background: #F6F8FC; text-decoration: none; color: #12141A; } .homev2-dirrow__name { font-size: 16px; line-height: 1.4; font-weight: 500; min-width: 0; } .homev2-dirrow__meta { font: 400 13px/1.4 'IBM Plex Mono', monospace; color: #5A6478; text-align: right; flex: none; } .tv2 a.homev2-dirall { display: flex; align-items: center; gap: 8px; padding: 14px 22px; border-top: 1px solid #E6E3DC; background: #F8FAFD; font-size: 16px; font-weight: 500; color: #12141A; text-decoration: none; } .tv2 a.homev2-dirall:hover { background: #F5F3EF; text-decoration: none; color: #12141A; } /* ========================================================================== Tips + sidebar ========================================================================== */ .homev2-tips-sec { padding: 0 0 52px; } .homev2-tips-sec .tv2-guide { padding-top: 48px; } .homev2-tips { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; } .homev2-tips li { position: relative; padding-left: 30px; font-size: 17px; line-height: 1.65; color: #3E424E; max-width: 66ch; } .homev2-tips li b { font-weight: 500; color: #12141A; } .homev2-tips__n { position: absolute; left: 0; top: 1px; font: 600 14px 'IBM Plex Mono', monospace; color: #12141A; } .homev2-sidecard { border: 1px solid #E6E3DC; border-radius: 10px; padding: 20px 22px; background: #fff; } .homev2-sidecard--tint { background: #F8FAFD; } .homev2-sidecard__title { font: 500 16px/1.3 'Circular', sans-serif; color: #12141A; margin-bottom: 6px; } .homev2-sidecard__note { margin: 0 0 10px; font-size: 13px; line-height: 1.55; color: #5A6478; } .homev2-sidecard__label { font: 500 11px/1 'IBM Plex Mono', monospace; letter-spacing: .07em; text-transform: uppercase; color: #5A6478; margin-bottom: 12px; } .homev2-rail { display: flex; flex-direction: column; } .tv2 a.homev2-railrow { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 15px; color: #3E424E; text-decoration: none; padding: 10px 0; border-bottom: 1px solid #EEEBE4; } .tv2 a.homev2-railrow:last-child { border-bottom: 0; } .tv2 a.homev2-railrow:hover { color: #12141A; text-decoration: none; } .homev2-railrow__count { font: 400 13px/1.4 'IBM Plex Mono', monospace; color: #5A6478; flex: none; } .homev2-check { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } .homev2-check li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.5; color: #3E424E; padding: 10px 0; border-bottom: 1px solid #EEEBE4; } .homev2-check li:last-child { border-bottom: 0; } .homev2-check li span { color: #0E7A50; font-weight: 700; flex: none; } /* ==== From tc-marketing.css: every refreshed page ==== */ /* Test Candidates adaptation of PAT v2. Scoped to the selected review pages. Shared geometry and responsive behaviour live in tc-pat-core.css. */ html.tc-refreshed { font-size: 16px; } .tc-marketing { --tc-ink: #12141A; --tc-muted: #5A6478; --tc-line: #E6E3DC; --tc-surface: #F8F7F3; font-size: 16px; line-height: 1.6; } .tc-marketing h1,.tc-marketing h2,.tc-marketing h3 { color: var(--tc-ink); } .tc-marketing p { text-wrap: pretty; } .tc-marketing .tv2-hero__h1 { font-size: clamp(2.1rem, 3.8vw, 3.125rem); line-height: 1.12; max-width: 21ch; } .tc-marketing .tv2-hero__eyebrow { font-size: .8125rem; line-height: 1.4; } .tc-marketing .tv2-hero__intro { margin-bottom: 28px; font-size: 1.25rem; } .tc-marketing .tv2-hero__ctas { margin-top: 26px; } .tc-marketing .tv2-header__bar { gap: 28px; } .tc-marketing .tv2-header__logo { flex: 0 0 auto; } .tc-marketing .tv2-header__logo svg { width: 100%; height: auto; } .tc-marketing .tv2-nav { gap: 24px; } .tc-marketing .tv2-breadcrumb ol { justify-content: flex-start; } .tc-marketing .tc-breadcrumb--center ol { justify-content:center; text-align:center; } .tc-marketing a.tv2-btn--signin,.tc-marketing a.tv2-btn--getpro { font-size: .9375rem; min-height: 44px; padding: 9px 14px; white-space: nowrap; } .tc-marketing a.tv2-btn--primary,.tc-marketing a.tv2-btn--ghost { min-height: 48px; } .tc-mobile-menu summary::-webkit-details-marker { display: none; } .tc-mobile-menu { display: none; margin-left: auto; } .tc-mobile-menu summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--tc-line); border-radius: 4px; list-style: none; cursor: pointer; font-size: .9375rem; } .tc-mobile-menu nav { position: absolute; top: 100%; left: 0; right: 0; padding: 12px 24px 20px; background: #fff; border-bottom: 1px solid var(--tc-line); box-shadow: 0 12px 20px rgb(27 28 64 / 6%); max-height: calc(100dvh - 72px); overflow-y: auto; } .tc-mobile-menu nav a { display: block; min-height: 44px; padding: 10px 0; border-bottom: 1px solid #EEEBE4; } .tc-skip { position: absolute; top: -100px; left: 16px; padding: 12px 20px; background: #fff; border: 2px solid var(--tc-ink); z-index: 100; } .tc-skip:focus { top: 8px; } .tc-marketing .tc-home-hero { align-items: center; } .tc-home-illustration { width: 100%; max-width: 560px; justify-self: center; } .tc-home-illustration img { display: block; width: 100%; height: auto; } .tc-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 28px; margin: 30px 0 26px; } .tc-facts strong,.tc-facts span { display: block; } .tc-facts strong { font-size: .9375rem; font-weight: 500; color: var(--tc-ink); } .tc-facts span { font-size: .875rem; line-height: 1.5; color: var(--tc-muted); } .tc-offer { margin: 24px 0 0; max-width: 48ch; font-size: .9375rem; line-height: 1.6; color: var(--tc-ink); } .tc-offer strong { display: block; font-weight: 500; } .tc-reassurance { margin: 14px 0 0; font-size: .875rem; color: var(--tc-muted); } .tc-reassurance span { margin: 0 6px; } .tc-marketing .tc-reassurance a { text-decoration: underline; text-underline-offset: 3px; } .tc-report { background: #F8F7F3; border: 1px solid var(--tc-line); border-radius: 10px; padding: 24px; box-shadow: 0 2px 5px rgb(27 28 64 / 3%); } .tc-report__eyebrow { display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: .07em; font: 500 .75rem/1.5 monospace; color: var(--tc-muted); } .tc-report__eyebrow .tv2-rule { margin: 0; flex: none; } .tc-report h2 { margin: 18px 0 10px; font-size: 1.625rem; line-height: 1.2; font-weight: 500; } .tc-report > p { font-size: .9375rem; margin: 0 0 22px; color: var(--tc-muted); } .tc-report__sheet { background: #fff; border: 1px solid var(--tc-line); border-radius: 6px; padding: 18px 16px 0; } .tc-report__sheet-head { display: flex; align-items: center; gap: 10px; padding-bottom: 18px; } .tc-report__avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: #F5F3EF; font-size: .75rem; color: var(--tc-ink); flex: none; } .tc-report__sheet-head strong,.tc-report__sheet-head div > span { display: block; } .tc-report__sheet-head strong { font-size: .875rem; font-weight: 500; color: var(--tc-ink); } .tc-report__sheet-head div > span { font-size: .75rem; line-height: 1.5; color: var(--tc-muted); } .tc-report__rows { margin: 0; padding: 0; list-style: none; } .tc-report__rows li { display: flex; flex-direction: column; padding: 10px 0; border-top: 1px solid #EEEBE4; font-size: .875rem; color: var(--tc-ink); } .tc-report__rows li span:last-child { font-size: .75rem; color: var(--tc-muted); } .tc-report__caption { font-size: .75rem; color: var(--tc-muted); border-top: 1px solid #EEEBE4; padding: 10px 0; margin: 0; } .tc-marketing a.tc-report__link { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; font-size: .9375rem; font-weight: 500; align-items: center; min-height: 36px; } .tc-logos { border-bottom: 1px solid #EEEBE4; background: #F8F7F3; } .tc-logos__inner { display: flex; align-items: center; gap: 36px; padding-top: 25px; padding-bottom: 25px; } .tc-logos p { font: 500 .75rem/1.5 monospace; text-transform: uppercase; letter-spacing: .055em; color: var(--tc-muted); flex: none; margin: 0; } .tc-logos ul { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 0; margin: 0; list-style: none; flex: 1; } .tc-logos li { min-width: 0; } .tc-logos img { display: block; max-width: 100%; height: 36px; object-fit: contain; filter: grayscale(1); } .tc-section { padding: 58px 0; } .tc-h2 { font-size: 1.875rem; font-weight: 500; line-height: 1.25; margin: 0 0 16px; letter-spacing: -.015em; } .tc-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; padding-top: 10px; } .tc-step { display: block; font: 500 .8125rem/1.5 monospace; color: var(--tc-muted); margin-bottom: 12px; } .tc-feature-grid h3 { font-size: 1.25rem; line-height: 1.3; font-weight: 500; margin: 0 0 12px; } .tc-feature-grid p,.tc-product-grid article > p { font-size: 1.0625rem; line-height: 1.65; margin: 0; } .tc-marketing .homev2-tcard__note { font-size: .875rem; } .tc-marketing .homev2-tcard { padding: 20px 18px; gap: 14px; } .tc-marketing .homev2-tcard__icon { font-family: monospace; font-size: .8125rem; } .tc-marketing .homev2-tcard__name { margin-bottom: 5px; } .tc-underlink { margin: 24px 0 0; font-size: .9375rem; } .tc-underlink a { text-decoration: underline; text-underline-offset: 3px; } .tc-product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 70px; } .tc-product-grid .tv2-hero__eyebrow { margin: 0 0 14px; } .tc-testimonial { border-top: 1px solid var(--tc-line); padding: 55px 0; } .tc-testimonial figure { max-width: 850px; } .tc-testimonial blockquote { font-size: 1.75rem; font-weight: 500; line-height: 1.45; color: var(--tc-ink); margin: 0 0 26px; } .tc-testimonial figcaption { display: flex; align-items: center; gap: 14px; font-size: .9375rem; } .tc-testimonial img { border-radius: 50%; width: 48px; height: 48px; object-fit: cover; } .tc-closer { padding: 64px 0 52px; background: var(--tc-ink); color: #fff; } .tc-closer__inner { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 24px; } .tc-marketing .tc-closer h2 { color: #fff; font-size: 1.875rem; font-weight: 500; line-height: 1.25; margin-bottom: 10px; } .tc-closer p { margin: 0; color: #dfe3ef; } .tc-marketing .tc-closer .tv2-btn--primary { background: #fff; color: var(--tc-ink); border-color: #fff; min-width: 214px; text-align: center; } .tc-marketing .tc-closer .tv2-btn--primary:hover { background: #F5F3EF; } .tc-small { font-size: .875rem; margin-top: 10px; } .tc-closer .tc-small { text-align: center; margin-top: 10px; } .tc-footer { background: var(--tc-ink); color: #cbd0e0; } .tc-footer__grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1.3fr; gap: 40px; padding-top: 48px; padding-bottom: 40px; } .tc-footer__brand svg { width: 166px; height: 32px; margin-bottom: 16px; } .tc-footer__brand p { color: #cbd0e0; font-size: .9375rem; } .tc-marketing .tc-footer h2 { color: #fff; font-size: .875rem; font-weight: 500; margin: 0 0 14px; } .tc-marketing .tc-footer__grid > div > a:not([aria-label]) { display: block; font-size: .9375rem; padding: 6px 0; color: #cbd0e0; } .tc-footer__legal { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; border-top: 1px solid rgb(255 255 255 / 12%); padding-top: 22px; padding-bottom: 22px; font-size: .875rem; color: #cbd0e0; } .tc-footer__legal div { display: flex; gap: 24px; flex-wrap: wrap; } .tc-footer__legal a,.tc-footer__legal button { color: inherit; } .tc-footer__legal button { background: transparent; border: 0; padding: 0; font: inherit; cursor: pointer; } .tc-footer__legal button:hover { text-decoration: underline; } .tc-marketing .tc-test-hero { align-items: center; } .tc-marketing .tc-test-guide { padding-bottom: 20px; } .tc-marketing .tv2-guide__section .markdown { color: #3E424E; font-size: 1.0625rem; line-height: 1.65; } .tc-marketing .tv2-guide__section .markdown > :first-child { margin-top: 0; } .tc-marketing .tv2-guide__section .markdown h2 { font-size: 1.625rem; line-height: 1.3; font-weight: 500; margin: 36px 0 16px; } .tc-marketing .tv2-guide__section .markdown h3 { font-size: 1.25rem; line-height: 1.3; margin: 28px 0 14px; } .tc-marketing .tv2-guide__section .markdown img { max-width: 100%; height: auto; border-radius: 6px; } .tc-marketing .tv2-guide__section .markdown a { text-decoration: underline; text-underline-offset: 3px; } .tc-test-sidebar { display: flex; flex-direction: column; gap: 36px; } .tc-test-sidebar h2 { font-size: 1rem; font-weight: 500; margin: 0 0 12px; } .tc-test-sidebar nav a { display: block; padding: 10px 0; font-size: .9375rem; line-height: 1.5; } .tc-question { background: #F8F7F3; border: 1px solid var(--tc-line); border-radius: 10px; padding: 28px; } .tc-question__image { display: block; margin: 20px 0; } .tc-question__image span { display: block; font-size: .875rem; margin-top: 8px; } .tc-marketing .tc-question__prompt { font-weight: 500; color: var(--tc-ink); } .tc-marketing ol.tc-answer-options { list-style: upper-alpha; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 30px; padding: 0 0 0 24px; } .tc-marketing ol.tc-answer-options li { padding: 6px 0; font-size: 1rem; } .tc-answer { border-top: 1px solid var(--tc-line); padding-top: 8px; } .tc-answer summary { cursor: pointer; min-height: 44px; padding: 10px 0; font-weight: 500; color: var(--tc-ink); } .tc-marketing .tc-question__next { margin: 18px 0 0; font-size: .9375rem; } .tc-faq > details { border-top: 1px solid var(--tc-line); padding: 6px 0; } .tc-faq > details:last-child { border-bottom: 1px solid var(--tc-line); } .tc-faq summary { cursor: pointer; font-size: 1.0625rem; font-weight: 500; color: var(--tc-ink); padding: 16px 28px 16px 0; } .tc-marketing .tc-faq .markdown p { font-size: 1rem; } @media(max-width:1100px) { .tc-marketing .tc-desktop-nav,.tc-marketing .tc-header-actions { display: none; } .tc-mobile-menu { display: block; } } @media(max-width:980px) { .tc-report { max-width: 560px; width: 100%; } .tc-marketing .tv2-hero__h1 { max-width: 24ch; } .tc-marketing .tv2-hero__intro { max-width: 58ch; } .tc-test-sidebar { display: grid; grid-template-columns: 1fr 1fr; } .tc-footer__grid { grid-template-columns: 1fr 1fr; } .tc-logos__inner { flex-direction: column; align-items: flex-start; gap: 22px; } .tc-logos p br { display: none; } .tc-logos ul { width: 100%; } } @media(max-width:720px) { .tc-marketing .tv2-hero-band__inner { padding-top: 36px; padding-bottom: 36px; } .tc-marketing .tv2-header__bar { padding: 0 20px; height: 68px; } .tc-marketing .tv2-hero__intro { font-size: 1.125rem; } .tc-marketing .tv2-hero__h1 { font-size: 2.25rem; line-height: 1.15; } .tc-facts { gap: 18px; } .tc-report { padding: 22px; } .tc-logos ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; align-items: center; } .tc-logos img { height: 30px; } .tc-section,.tc-marketing .homev2-dir-sec { padding: 40px 0; } .tc-h2 { font-size: 1.625rem; } .tc-feature-grid,.tc-product-grid,.tc-marketing .homev2-tcards { grid-template-columns: 1fr; gap: 26px; } .tc-marketing .homev2-tcards { gap: 12px; } .tc-feature-grid article + article { border-top: 1px solid var(--tc-line); padding-top: 26px; } .tc-product-grid { gap: 36px; } .tc-testimonial { padding: 40px 0; } .tc-testimonial blockquote { font-size: 1.375rem; } .tc-closer__inner { gap: 24px; } .tc-closer__inner .tv2-btn--primary { width: 100%; } .tc-marketing .tc-closer h2 { font-size: 1.625rem; } .tc-footer__grid { gap: 28px; } .tc-footer__brand { grid-column: 1/-1; } .tc-marketing .tc-footer__grid > div > a:not([aria-label]) { min-height: 44px; padding: 9px 0; } .tc-footer__legal { align-items: flex-start; flex-direction: column; gap: 12px; } .tc-footer__legal div { gap: 10px 20px; } .tc-footer__legal a,.tc-footer__legal button { padding: 8px 0; min-height: 44px; } .tc-marketing .tv2-guide { padding-top: 36px; } .tc-test-sidebar { display: flex; } .tc-question { padding: 20px; } .tc-marketing .tv2-guide__section .markdown h2 { font-size: 1.5rem; } .tc-marketing ol.tc-answer-options { grid-template-columns: 1fr; gap: 4px; } } @media(max-width:380px) { .tc-footer__grid { grid-template-columns: 1fr; } .tc-facts { grid-template-columns: 1fr; } } /* Reusable green benefit shelf, first reviewed on the homepage. */ .tc-benefits { background: #fff; border-bottom: 1px solid var(--tc-line); } .tc-benefits .homev2-sec-note { max-width: 74ch; } .tc-benefits .tc-feature-grid { gap: 24px; padding-top: 22px; } .tc-benefits .tc-feature-grid article { background: #fff; border: 1px solid #d9e9df; border-top: 3px solid #2ED18A; border-radius: 12px; padding: 28px; box-shadow: 0 6px 18px rgb(27 64 45 / 3%); } .tc-benefit-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .tc-benefit-icon { display: grid; place-items: center; width: 56px; height: 56px; background: #E4F8EE; border-radius: 14px; color: #12141A; } .tc-benefit-icon svg { width: 32px; height: 32px; } .tc-benefit-number { color: #527761; font: 500 .8125rem/1.5 monospace; } @media (max-width: 640px) { .tc-benefits .tc-feature-grid article { padding: 24px; } } .tc-test-directory .homev2-tcards { gap: 20px; } .tc-marketing .tc-test-directory a.homev2-tcard { position: relative; grid-template-columns: 1fr; gap: 22px; padding: 28px; border-radius: 12px; transition: border-color .15s, box-shadow .15s; } .tc-test-directory .homev2-tcard__icon { width: 54px; height: 54px; border-radius: 14px; background: #E4F8EE; color: #12141A; } .tc-test-directory .homev2-tcard__name { font-size: 1.25rem; margin-bottom: 8px; } .tc-marketing .tc-test-directory .homev2-tcard__note { font-size: 1rem; line-height: 1.55; } .tc-category-arrow { position: absolute; top: 30px; right: 28px; color: #12141A; font-size: 1.4rem; } .tc-marketing .tc-test-directory a.homev2-tcard:hover { border-color: #2ED18A; box-shadow: 0 6px 18px rgb(27 64 45 / 8%); } .tc-marketing .tc-test-directory a.homev2-tcard:focus-visible { outline: 2px solid #12141A; outline-offset: 4px; } .tc-footer__brand svg path { fill: #fff; } .tc-marketing .tc-footer a:hover,.tc-marketing .tc-footer button:hover { color: #3DDC97; } .tc-footer a:focus-visible,.tc-footer button:focus-visible { outline: 2px solid #3DDC97; outline-offset: 4px; } /* Test-page hero: centred introduction. */ .tc-marketing .tc-test-hero { display: block; text-align: center; } .tc-test-hero .tv2-hero__main { max-width: 850px; margin-inline: auto; } .tc-marketing .tc-test-hero .tv2-hero__h1 { max-width: none; margin-inline: auto; } .tc-marketing .tc-test-hero .tv2-hero__intro { max-width: 68ch; margin-inline: auto; } .tc-test-hero .tc-facts { max-width: 540px; margin-inline: auto; } .tc-test-hero .tv2-hero__ctas { justify-content: center; margin-inline: auto; } .tc-test-hero .tc-offer { margin-inline: auto; } .tc-test-hero .tc-facts { display: flex; justify-content: center; } /* September design: warm ground, ruled indexes and evidence-led surfaces. */ .tc-marketing { --tc-ink:#12141A; --tc-body:#3E424E; --tc-muted:#5A6478; --tc-ground:#FBFAF8; --tc-surface:#F8F7F3; --tc-hover:#F5F3EF; --tc-line:#E6E3DC; --tc-border:#E0DDD5; --tc-green:#2ED18A; --tc-dark:#1B1C40; color:var(--tc-body); background:var(--tc-ground); } html.tc-refreshed, .tc-marketing .tv2-header { background:#FBFAF8; } .tc-marketing h1,.tc-marketing h2,.tc-marketing h3 { font-weight:500; letter-spacing:-.025em; } .tc-marketing .tv2-pad,.tc-marketing .tv2-header__bar,.tc-marketing .tv2-hero-band__inner { max-width:1200px; padding-left:clamp(20px,4vw,40px); padding-right:clamp(20px,4vw,40px); } .tc-marketing .tv2-hero-band__inner { padding-top:64px; padding-bottom:56px; } .tc-marketing .tv2-hero__h1 { font-size:clamp(38px,4.6vw,58px); line-height:1.06; letter-spacing:-.03em; max-width:18ch; } .tc-marketing .tv2-hero__intro { color:var(--tc-body); font-size:19px; line-height:1.6; max-width:48ch; } .tc-marketing .tc-home-hero { grid-template-columns:repeat(2,minmax(0,1fr)); gap:52px; } .tc-marketing .tv2-rule { background:var(--tc-green); border-radius:0; height:3px; width:36px; } .tc-mono,.tc-marketing .tv2-hero__eyebrow,.tc-marketing .tc-step,.tc-marketing .tc-benefit-number { font:500 12px/1.5 'IBM Plex Mono',monospace; letter-spacing:.04em; } .tc-mono { font-variant-numeric:tabular-nums; } .tc-chip { display:inline-block; padding:4px 9px; border-radius:3px; background:#E4F8EE; color:var(--tc-ink); font:500 11px/1.5 'IBM Plex Mono',monospace; white-space:nowrap; } .tc-marketing a { color:var(--tc-ink); } .tc-marketing a:hover { color:var(--tc-ink); text-decoration:none; } .tc-marketing a:not([class*="tv2-btn--"]) > span:not([class]):not([aria-hidden]),.tc-link-label { border-bottom:2px solid var(--tc-green); padding-bottom:2px; transition:border-color .15s; } .tc-marketing a:not([class*="tv2-btn--"]):hover > span:not([class]):not([aria-hidden]),a:hover .tc-link-label { border-bottom-color:var(--tc-ink); } .tc-marketing :focus-visible { outline:2px solid var(--tc-ink); outline-offset:4px; } .tc-marketing a.tv2-btn--primary,.tc-marketing a.tv2-btn--getpro { background:var(--tc-ink); border:1px solid var(--tc-ink); border-radius:4px; color:white; box-shadow:none; } .tc-marketing a.tv2-btn--primary:hover,.tc-marketing a.tv2-btn--getpro:hover { background:#2A2D38; border-color:#2A2D38; } .tc-marketing a.tv2-btn--primary > span,.tc-marketing a.tv2-btn--getpro > span { border:0; padding:0; } .tc-marketing a.tv2-btn--ghost { background:transparent; border:0; padding:12px 0; color:var(--tc-ink); box-shadow:none; } .tc-marketing a.tv2-btn--ghost:hover { background:transparent; } .tc-marketing a.tv2-btn--signin { border:0; background:transparent; padding-inline:0; } .tc-marketing .tv2-header__bar { height:68px; gap:24px; } .tc-marketing .tc-desktop-nav { display:flex; gap:44px; margin-left:32px; } .tc-marketing .tc-header-actions { display:flex; gap:20px; } .tc-marketing .tc-mobile-menu { display:none; margin-left:0; } .tc-wordmark { display:block; color:var(--tc-ink); width:245px; max-width:100%; } .tc-wordmark .tc-precision-logo { display:block; width:100%; height:auto; } .tc-marketing .tv2-nav__link { font-size:14px; } .tc-mobile-menu summary { padding:0; justify-content:center; width:44px; height:44px; border-color:var(--tc-ink); } .tc-burger { display:flex; flex-direction:column; gap:4px; } .tc-burger i { width:18px; height:2px; background:var(--tc-ink); } .tc-mobile-menu nav a { min-height:48px; } .tc-mobile-menu nav a:hover { background:var(--tc-hover); } .tc-marketing .tv2-hero__ctas { gap:24px; } .tc-facts { gap:0 24px; margin-top:34px; margin-bottom:0; } .tc-facts > div { padding:16px 0; border-top:1px solid var(--tc-line); } .tc-facts strong { color:var(--tc-ink); } .tc-marketing .tc-test-hero .tc-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr)); max-width:620px; gap:20px; } .tc-marketing .tc-test-hero .tc-facts strong { font:500 17px/1.5 'IBM Plex Mono',monospace; } .tc-marketing .tc-test-hero .tv2-hero__h1 { max-width:900px; } .tc-offer { font-size:15px; } .tc-report { padding:0; border:1px solid var(--tc-border); border-radius:7px; background:#fff; box-shadow:0 14px 40px rgb(18 20 26 / 6%); overflow:hidden; min-width:0; width:100%; } .tc-report .tc-report__sheet-head { background:var(--tc-surface); border-bottom:1px solid var(--tc-line); padding:22px 24px; margin:0; } .tc-report__sheet-head .tc-chip { margin-left:auto; } .tc-report__avatar { border-radius:5px; background:#E4F8EE; width:40px; height:40px; } .tc-report__sheet { background:#fff; border:0; border-radius:0; padding:24px; } .tc-report__sheet > .tc-mono { margin-bottom:22px; color:var(--tc-muted); } .tc-score { position:relative; margin-bottom:18px; } .tc-score > div { display:flex; justify-content:space-between; gap:12px; margin-bottom:7px; color:var(--tc-ink); font-size:14px; } .tc-score meter { display:block; width:100%; height:8px; border:0; border-radius:2px; background:var(--tc-surface); appearance:none; } .tc-score meter::-webkit-meter-bar { background:var(--tc-surface); border:0; border-radius:2px; height:8px; } .tc-score meter::-webkit-meter-optimum-value { background:var(--tc-green); border-radius:2px; } .tc-score meter::-moz-meter-bar { background:var(--tc-green); } .tc-score:last-of-type meter::-webkit-meter-optimum-value { background:#C7C3B8; } .tc-score__marker { position:absolute; bottom:-3px; left:68%; width:2px; height:14px; background:var(--tc-ink); } .tc-report__caption { border:0; padding:0; margin:22px 0 0; font-size:12px; line-height:1.6; } .tc-report figcaption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:17px 24px; border-top:1px solid var(--tc-line); font-size:13px; } .tc-evidence-band,.tc-included-band { background:var(--tc-dark); color:#c7c7d0; } .tc-evidence-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; padding-block:44px; } .tc-evidence-grid strong { display:block; font:500 clamp(25px,3vw,38px)/1.15 'IBM Plex Mono',monospace; color:#3DDC97; letter-spacing:-.035em; } .tc-evidence-grid p { font-size:14px; line-height:1.5; margin:12px 0 0; max-width:23ch; } .tc-section-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:28px; } .tc-section-heading h2 { margin:0; } .tc-section-heading > a { font-size:14px; } .tc-library-index { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:36px; } .tc-marketing .tc-library-index a.homev2-tcard { display:flex; align-items:center; gap:14px; padding:22px 0; background:transparent; border:0; border-top:1px solid var(--tc-line); border-radius:0; box-shadow:none; } .tc-marketing .tc-library-index a.homev2-tcard:hover { background:transparent; border-color:var(--tc-line); box-shadow:none; } .tc-library-index a.homev2-tcard:hover .homev2-tcard__name, .tc-library-index a.homev2-tcard:focus-visible .homev2-tcard__name { text-decoration:underline; text-decoration-color:var(--tc-green); text-decoration-thickness:2px; text-underline-offset:5px; } .tc-library-index .homev2-tcard__text { flex:1; min-width:0; } .tc-library-index .homev2-tcard__name { font-size:17px; font-weight:500; letter-spacing:-.015em; } .tc-marketing .tc-library-index .homev2-tcard__note { color:var(--tc-muted); font-size:13px; line-height:1.5; } .tc-library-count { color:var(--tc-ink); background:var(--tc-surface); border:1px solid var(--tc-line); padding:2px 6px; border-radius:3px; } .tc-marketing .tc-benefits { background:transparent; border:0; } .tc-marketing .tc-benefits .tc-feature-grid article { background:transparent; border:0; border-top:1px solid var(--tc-line); border-radius:0; padding:24px 0 0; box-shadow:none; } .tc-benefit-icon { width:36px; height:36px; background:transparent; color:var(--tc-ink); } .tc-benefit-icon svg { width:26px; height:26px; } .tc-benefit-top { margin-bottom:18px; } .tc-benefit-number { color:var(--tc-muted); } .tc-logos { background:#FFF; border-block:1px solid var(--tc-line); } .tc-logos__inner { display:block; padding-block:14px; } .tc-logos p { font:400 12px/1.5 'IBM Plex Mono',monospace; text-transform:none; letter-spacing:0; text-align:center; margin:0 0 10px; } .tc-logos ul { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; align-items:center; } .tc-logo { display:flex; align-items:center; justify-content:center; height:32px; align-self:center; } .tc-logo svg { max-width:100%; width:auto; height:28px; max-height:32px; filter:grayscale(1); } .tc-logo--intel svg { height:30px; }.tc-logo--airbus svg { height:22px; }.tc-logo--mib svg { height:30px; } .tc-visual-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; align-items:center; } .tc-visual-row > * { min-width:0; } .tc-visual-row p { font-size:17px; line-height:1.7; margin-bottom:18px; } .tc-visual-row a { font-size:15px; } .tc-chart { margin:0; padding:24px; border:1px solid var(--tc-border); border-radius:7px; background:#fff; min-width:0; } .tc-chart__heading { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; padding-bottom:20px; color:var(--tc-ink); font-size:14px; font-weight:500; } .tc-chart figcaption { color:var(--tc-muted); font-size:12px; line-height:1.6; margin-top:20px; } .tc-histogram { display:flex; align-items:flex-end; gap:4px; height:170px; padding-top:15px; border-bottom:1px solid var(--tc-line); } .tc-histogram__bar { display:block; flex:1; background:#C7C3B8; border-radius:2px 2px 0 0; } .tc-histogram__bar:nth-child(n+12):nth-child(-n+15) { background:var(--tc-green); } .tc-axis { display:flex; justify-content:space-between; color:var(--tc-muted); margin-top:10px; } .tc-scroll { overflow-x:auto; max-width:100%; } .tc-data-table { width:100%; border-collapse:collapse; font-size:13px; color:var(--tc-ink); } .tc-data-table th,.tc-data-table td { border-top:1px solid var(--tc-line); padding:13px 10px; text-align:left; white-space:nowrap; } .tc-data-table thead th { font:400 11px/1.5 'IBM Plex Mono',monospace; color:var(--tc-muted); background:var(--tc-surface); } .tc-data-table td { font-family:'IBM Plex Mono',monospace; } .tc-data-table tbody tr:first-child { background:#E4F8EE; } .tc-data-table th { font-weight:500; } .tc-builder-list { list-style:none; padding:0; margin:0; } .tc-builder-list li { display:flex; align-items:center; gap:20px; padding:18px 0; border-top:1px solid var(--tc-line); font-size:14px; } .tc-builder-list .tc-mono { color:var(--tc-muted); } .tc-time-bar { display:flex; gap:2px; height:9px; margin-top:20px; } .tc-time-bar span { flex:1; background:var(--tc-green); }.tc-time-bar span:nth-child(2) { background:#C7C3B8; }.tc-time-bar span:nth-child(3) { background:var(--tc-ink); } .tc-chart > a { display:inline-block; margin-top:22px; } .tc-scatter { display:block; width:100%; height:auto; } .tc-scatter circle { fill:var(--tc-green); stroke:var(--tc-ink); stroke-width:1; } .tc-scatter text { fill:var(--tc-muted); font:11px 'IBM Plex Mono',monospace; } .tc-chart-grid { stroke:var(--tc-line); fill:none; }.tc-chart-benchmark { stroke:var(--tc-muted); stroke-dasharray:4 4; } .tc-demo-question-image { display:block; width:100%; max-width:100%; height:auto; margin:16px 0; align-self:flex-start; } .tc-chart h3 { margin:0 0 16px; font-size:18px; } .tc-chart p { font-size:14px; } .tc-demo-options { list-style:upper-alpha; padding-left:24px; font-size:13px; } .tc-demo-options li { padding:8px; border-top:1px solid var(--tc-line); } .tc-heatmap { display:grid; grid-template-rows:repeat(7,1fr); grid-auto-flow:column; gap:5px; } .tc-heatmap__cell { aspect-ratio:1; background:var(--tc-surface); border-radius:2px; } .tc-heatmap__cell--1 { background:#E4F8EE; }.tc-heatmap__cell--2 { background:#bcecd6; }.tc-heatmap__cell--3 { background:var(--tc-green); }.tc-heatmap__cell--4 { background:#a8b6ad; } .tc-spread-row { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto; align-items:center; gap:14px; padding:13px 0; border-top:1px solid var(--tc-line); font-size:13px; } .tc-spread-track { position:relative; height:4px; background:var(--tc-surface); } .tc-spread-track i { position:absolute; inset:0 12% 0 36%; background:#C7C3B8; } .tc-spread-track b { position:absolute; width:9px; height:9px; border-radius:50%; top:-3px; background:var(--tc-green); outline:1px solid var(--tc-ink); left:68%; } .tc-spread-track--2 b { left:64%; }.tc-spread-track--3 b { left:61%; }.tc-spread-track--4 b { left:66%; }.tc-spread-track--5 b { left:72%; }.tc-spread-track--6 b { left:59%; } .tc-customer-stories .tc-case-quote { max-width:830px; margin:0 auto 64px; text-align:center; } .tc-customer-stories .tc-case-quote blockquote { font-size:clamp(23px,2.7vw,32px); font-weight:500; line-height:1.4; } .tc-customer-stories .tc-case-quote figcaption { justify-content:center; color:var(--tc-muted); } .tc-customer-stories .tc-feature-grid article { padding-top:24px; border-top:1px solid var(--tc-line); } .tc-customer-stories .tc-client-logo { display:flex; align-items:center; width:214px; max-width:100%; height:72px; margin-bottom:20px; } .tc-customer-stories .tc-client-logo svg { display:block; width:100%; height:60px; max-height:60px; object-fit:contain; object-position:left center; filter:brightness(0); opacity:.7; } .tc-customer-stories .tc-feature-grid h3 { font-size:17px; line-height:1.6; } .tc-marketing .tc-closer,.tc-marketing .tc-footer { background:var(--tc-dark); } .tc-marketing .tc-closer { padding:64px 0 56px; } .tc-closer__copy { max-width:620px; } .tc-closer__copy p { max-width:570px; margin-inline:auto; font-size:17px; line-height:1.6; } .tc-closer__actions { display:flex; flex-direction:column; align-items:center; gap:16px; max-width:100%; } .tc-marketing .tc-closer a.tv2-btn--primary { min-width:260px; min-height:54px; color:var(--tc-dark); } .tc-marketing .tc-closer a.tc-closer__pricing { color:#fff; font-size:15px; text-decoration:underline; text-underline-offset:5px; text-decoration-color:var(--tc-green); } .tc-marketing .tc-closer a.tc-closer__pricing:hover { text-decoration-color:var(--tc-green); } .tc-closer__actions .tc-small { margin:0; color:#c7c7d0; } .tc-marketing .tc-closer h2 { font-size:clamp(28px,3.4vw,42px); } .tc-marketing .tc-closer a.tv2-btn--primary { background:#fff; color:var(--tc-dark); border-color:#fff; } .tc-marketing .tc-closer a.tv2-btn--primary:hover, .tc-marketing .tc-closer a.tv2-btn--primary:focus-visible { background:#EDF0F7; color:var(--tc-dark); border-color:#EDF0F7; } .tc-marketing .tc-closer a.tv2-btn--primary:focus-visible { outline-color:#fff; } .tc-marketing .tc-footer .tc-wordmark { color:white; } .tc-marketing .tc-footer a:hover,.tc-marketing .tc-footer button:hover { color:#fff; } .tc-footer a > span:not([class]):not([aria-hidden]) { border-color:transparent; } .tc-marketing .tc-footer a:hover > span:not([class]):not([aria-hidden]) { border-bottom-color:#fff; } .tc-marketing .tc-footer :focus-visible { outline-color:#fff; } .tc-footer__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .tc-footer__brand .tc-wordmark { margin-bottom:22px; } .tc-marketing .tc-question { background:#fff; border-radius:7px; padding:28px; border-color:var(--tc-border); } .tc-marketing ol.tc-answer-options { list-style:none; counter-reset:answer; padding:0; display:flex; flex-direction:column; gap:8px; } .tc-marketing ol.tc-answer-options li { counter-increment:answer; display:flex; align-items:center; gap:14px; border:1px solid var(--tc-line); border-radius:4px; padding:12px 14px; } .tc-answer-options li::before { content:counter(answer,upper-alpha); font:12px 'IBM Plex Mono',monospace; color:var(--tc-muted); } .tc-answer[open] { background:#E4F8EE; padding:8px 14px; border-radius:4px; } .tc-marketing .tv2-guide__section .markdown { color:var(--tc-body); line-height:1.7; } .tc-marketing .markdown a,.tc-marketing .tv2-guide__section .markdown a,.tc-marketing .tc-prose a { background-image:none; text-decoration:underline; text-decoration-color:var(--tc-green); text-decoration-thickness:2px; text-underline-offset:4px; } .tc-marketing .markdown a:hover,.tc-marketing .tv2-guide__section .markdown a:hover,.tc-marketing .tc-prose a:hover { background-image:none; text-decoration-line:underline; text-decoration-color:var(--tc-ink); } .tc-test-sidebar a:hover { background:var(--tc-hover); } .tc-sr-only { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } .tc-marketing [hidden] { display:none!important; } @media(max-width:1100px) { .tc-marketing .tv2-header__bar { gap:18px; }.tc-marketing .tc-desktop-nav { gap:32px; }.tc-marketing .tc-header-actions { gap:14px; } } @media(max-width:980px) { .tc-marketing .tc-home-hero { grid-template-columns:1fr; gap:38px; }.tc-marketing .tc-report { max-width:600px; margin:0 auto; }.tc-visual-row { gap:32px; }.tc-evidence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.tc-library-index { grid-template-columns:repeat(2,minmax(0,1fr)); }.tc-logos ul { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }.tc-footer__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:900px) { .tc-marketing .tc-desktop-nav { display:none; }.tc-marketing .tc-header-actions { display:flex; margin-left:auto; }.tc-marketing .tc-header-actions a.tv2-btn--signin { display:none; }.tc-marketing .tc-mobile-menu { display:block; } } @media(max-width:720px) { .tc-marketing .tv2-header__bar { padding-inline:20px; gap:12px; }.tc-wordmark { font-size:17px; }.tc-marketing a.tv2-btn--getpro { font-size:13px; padding:10px 13px; }.tc-marketing .tv2-hero-band__inner { padding-block:36px; }.tc-marketing .tv2-hero__h1 { font-size:38px; }.tc-visual-row { grid-template-columns:1fr; gap:28px; }.tc-visual-row > .tc-chart:first-child { order:2; }.tc-chart { padding:20px; }.tc-library-index { column-gap:24px; }.tc-footer__brand { grid-column:auto; }.tc-logos ul { grid-template-columns:repeat(3,minmax(0,1fr)); }.tc-evidence-grid { gap:28px; }.tc-section-heading { margin-bottom:22px; }.tc-marketing .tc-test-hero .tc-facts { gap:12px; }.tc-marketing .tc-test-hero .tc-facts strong { font-size:15px; } } @media(max-width:480px) { .tc-library-index { grid-template-columns:1fr; }.tc-logos ul { grid-template-columns:repeat(2,minmax(0,1fr)); }.tc-marketing .tv2-hero__ctas { align-items:flex-start; gap:14px; }.tc-report__sheet,.tc-report .tc-report__sheet-head { padding:18px; }.tc-report figcaption { padding:16px 18px; }.tc-report__sheet-head .tc-chip { font-size:10px; }.tc-footer__grid { gap:32px 24px; }.tc-spread-row { gap:8px; font-size:12px; } } @media(max-width:380px) { .tc-wordmark { font-size:15px; }.tc-marketing .tv2-header__bar { gap:8px; }.tc-marketing a.tv2-btn--getpro { padding:10px; }.tc-footer__grid { grid-template-columns:1fr; }.tc-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(prefers-reduced-motion:reduce) { .tc-marketing *, .tc-marketing *::before, .tc-marketing *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } } .tc-histogram__bar--1 { height:4%; } .tc-histogram__bar--2 { height:7%; } .tc-histogram__bar--3 { height:11%; } .tc-histogram__bar--4 { height:18%; } .tc-histogram__bar--5 { height:27%; } .tc-histogram__bar--6 { height:39%; } .tc-histogram__bar--7 { height:55%; } .tc-histogram__bar--8 { height:69%; } .tc-histogram__bar--9 { height:82%; } .tc-histogram__bar--10 { height:93%; } .tc-histogram__bar--11 { height:100%; } .tc-histogram__bar--12 { height:95%; } .tc-histogram__bar--13 { height:81%; } .tc-histogram__bar--14 { height:61%; } .tc-histogram__bar--15 { height:40%; } .tc-histogram__bar--16 { height:23%; } .tc-histogram__bar--17 { height:12%; } .tc-histogram__bar--18 { height:5%; } .tc-marketing a.tv2-btn--ghost > span { border-bottom:2px solid var(--tc-green); padding-bottom:2px; } .tc-marketing a.tv2-btn--ghost:hover > span { border-bottom-color:var(--tc-ink); } .tc-marketing .tv2-nav__link > span { border-bottom-color:transparent!important; } .tc-marketing .tv2-nav__link:hover > span { border-bottom-color:var(--tc-green)!important; } .tc-marketing .tc-footer a:not([class*="tv2-btn--"]) > span:not([class]):not([aria-hidden]) { border-bottom-color:transparent; } .tc-marketing .tc-footer a:not([class*="tv2-btn--"]):hover > span:not([class]):not([aria-hidden]) { border-bottom-color:#fff; } .tc-role-matrix { min-width:700px; }.tc-role-matrix tbody tr:first-child { background:transparent; } .tc-matrix-dot { font-size:18px; color:var(--tc-green); -webkit-text-stroke:1px var(--tc-ink); } .tc-featured-tests { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 36px; } .tc-featured-tests article { padding:24px 0; border-top:1px solid var(--tc-line); } .tc-featured-tests h3 { font-size:20px; margin:0 0 16px; } .tc-featured-tests p { font-size:15px; color:var(--tc-muted); } .tc-chart .tc-demo-title { font-size:18px; font-weight:500; } .tc-marketing .tc-test-sidebar .tc-case-quote { margin:0; padding:20px; } .tc-test-sidebar .tc-case-quote blockquote { font-size:16px; } @media(max-width:980px) { .tc-featured-tests { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:720px) { .tc-featured-tests { grid-template-columns:1fr; } } .tc-marketing .tc-footer__legal a { color:#cbd0e0; } .tc-marketing .tc-footer__legal a:hover { color:#fff; } .tc-marketing .tc-test-guide { display:flex; flex-wrap:wrap; gap:48px; align-items:flex-start; } .tc-test-guide > .tv2-guide__main { flex:1 1 460px; max-width:716px; min-width:0; } .tc-test-guide > .tc-test-sidebar { flex:1 1 220px; min-width:0; display:flex; } .tc-sample-answers { border:0; min-width:0; padding:0; margin:24px 0; } .tc-sample-answers legend { font-size:14px; color:var(--tc-muted); } .tc-marketing ol.tc-answer-options li { padding:0; gap:0; } .tc-answer-options li::before { padding-left:14px; } .tc-answer-options label { display:flex; gap:12px; align-items:center; padding:12px 14px; width:100%; cursor:pointer; } .tc-answer-options input { accent-color:var(--tc-ink); width:16px; height:16px; flex:none; } .tc-answer-options li:has(input:checked) { background:#E4F8EE; border-color:var(--tc-ink)!important; } .tc-answer-options li:hover { background:var(--tc-hover); } @media(max-width:720px) { .tc-marketing .tc-test-guide { gap:32px; }.tc-test-guide > .tv2-guide__main { flex-basis:100%; } } .tc-marketing .tc-test-hero .tc-facts--1 { grid-template-columns:1fr; max-width:220px; } .tc-marketing .tc-test-hero .tc-facts--2 { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:420px; } .tc-marketing .tc-test-hero .tc-facts--3 { grid-template-columns:repeat(3,minmax(0,1fr)); } @media(max-width:480px) { .tc-marketing .tc-test-hero .tc-facts--3 { grid-template-columns:1fr; gap:0; max-width:280px; } } /* Keep hidden table labels inside the deliberately scrolling surface. */ .tc-scroll { position:relative; } .tc-sr-only { top:0; left:0; } .tc-review { padding-top:48px; padding-bottom:56px; } .tc-review__intro { margin:20px 0 32px; max-width:70ch; } /* Dark header and hero treatment, matching the footer. */ .tc-marketing .tv2-header { border-bottom:0; } .tc-marketing .tv2-header, .tc-marketing .tv2-hero-band { --tc-ground:var(--tc-dark); --tc-ink:#FFFFFF; --tc-body:#C7C7D0; --tc-muted:#B6B7C6; --tc-line:#303140; background:var(--tc-dark); color:var(--tc-body); border-color:var(--tc-line); } .tc-marketing .tv2-header .tc-wordmark, .tc-marketing .tv2-header a.tv2-nav__link, .tc-marketing .tv2-header a.tv2-btn--signin, .tc-marketing .tv2-hero-band .tv2-hero__h1, .tc-marketing .tv2-hero-band .tc-facts strong { color:#FFF; } .tc-marketing .tv2-hero-band .tv2-hero__eyebrow { color:#3DDC97; } .tc-marketing .tv2-hero-band .tv2-hero__intro, .tc-marketing .tv2-hero-band .tc-reassurance, .tc-marketing .tv2-hero-band .tc-offer, .tc-marketing .tv2-hero-band .tv2-breadcrumb ol, .tc-marketing .tv2-hero-band .tv2-breadcrumb a, .tc-marketing .tv2-hero-band .tv2-breadcrumb [aria-current=page] { color:var(--tc-body); } .tc-marketing .tv2-header a.tv2-btn--getpro, .tc-marketing .tv2-hero-band a.tv2-btn--primary { background:#FFF; border-color:#FFF; color:#12141A; } .tc-marketing .tv2-header a.tv2-btn--getpro:hover, .tc-marketing .tv2-header a.tv2-btn--getpro:focus-visible, .tc-marketing .tv2-hero-band a.tv2-btn--primary:hover, .tc-marketing .tv2-hero-band a.tv2-btn--primary:focus-visible { background:#E4F8EE; border-color:#E4F8EE; color:#12141A; } .tc-marketing .tv2-header a.tv2-btn--signin:hover { background:transparent; color:#3DDC97; } .tc-marketing .tv2-hero-band a.tv2-btn--ghost { color:#FFF; } .tc-marketing .tv2-header :focus-visible, .tc-marketing .tv2-hero-band :focus-visible { outline-color:#FFF; } .tc-marketing .tc-mobile-menu nav { background:var(--tc-dark); border-color:var(--tc-line); } .tc-marketing .tc-mobile-menu nav a:hover { background:#232437; color:#FFF; } .tc-marketing .tv2-hero-band .tc-report { --tc-ink:#12141A; --tc-body:#3E424E; --tc-muted:#5A6478; --tc-line:#E6E3DC; color:var(--tc-body); } .tc-marketing .tv2-hero-band .tc-report :focus-visible { outline-color:var(--tc-ink); } /* Product walkthrough: lightweight illustrations of the assessment journey. */ .tc-walkthrough__eyebrow { margin:20px 0 12px; color:var(--tc-muted); } .tc-walkthrough > .tv2-pad > .tc-h2 { max-width:24ch; font-size:clamp(30px,3.2vw,42px); } .tc-walkthrough .homev2-sec-note { max-width:66ch; } .tc-walkthrough__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:40px; } .tc-walkthrough__grid article { min-width:0; } .tc-walkthrough__visual { background:#E9EDE8; border:1px solid #DEE3DC; padding:24px 14px; border-radius:8px; margin-bottom:28px; } .tc-walkthrough__visual--candidate { background:#E8EBF3; border-color:#DBDFEA; } .tc-walkthrough__visual--results { background:#DFF2E9; border-color:#D0E7DB; } .tc-mini-window { background:#FFF; border:1px solid #D9DDD9; border-radius:6px; overflow:hidden; box-shadow:0 12px 24px rgb(27 28 64 / 8%); color:#1B1C40; } .tc-mini-window__bar { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:38px; padding:9px 12px; background:#1B1C40; color:#FFF; font-size:9px; } .tc-mini-brand { font-weight:500; } .tc-mini-window__bar > span:last-child { color:#CFD3E3; font-size:8px; } .tc-mini-window__body { padding:18px 14px 0; height:258px; display:flex; flex-direction:column; } .tc-mini-label { font:9px/1.4 monospace; letter-spacing:.04em; color:#5A6478; } .tc-mini-title { display:block; font-size:15px; line-height:1.3; font-weight:500; margin:5px 0 14px; } .tc-mini-test { display:flex; align-items:center; gap:8px; padding:9px 0; border-top:1px solid #ECEDEB; font-size:11px; line-height:1.3; } .tc-mini-test small { display:block; font-size:9px; color:#5A6478; margin-top:2px; } .tc-mini-icon,.tc-mini-avatar { display:grid; place-items:center; width:25px; height:25px; flex:none; border-radius:5px; background:#F2F4F2; font:10px monospace; } .tc-mini-check { color:#16764F; margin-left:auto; } .tc-mini-bottom { margin-top:auto; padding:12px 0; border-top:1px solid #E6E3DC; display:flex; justify-content:space-between; gap:5px; font-size:9px; color:#5A6478; } .tc-mini-bottom > span:last-child { color:#16764F; } .tc-mini-welcome { display:grid; place-items:center; width:34px; height:34px; background:#E4F8EE; color:#16764F; border-radius:50%; margin-bottom:10px; font-size:20px; } .tc-mini-description { font-size:10px; line-height:1.5; margin:0 0 10px; color:#5A6478; } .tc-mini-instructions { font-size:10px; line-height:2; } .tc-mini-instructions .tc-mini-check { margin-right:5px; } .tc-mini-result { display:flex; align-items:center; gap:8px; padding:11px 0; font-size:11px; border-top:1px solid #ECEDEB; } .tc-mini-avatar { border-radius:50%; background:#E4F8EE; } .tc-mini-result__detail { flex:1; min-width:0; } .tc-mini-result strong { font-weight:500; } .tc-mini-result meter { display:block; width:100%; height:6px; margin-top:6px; border:0; background:#EEF1ED; border-radius:2px; } .tc-mini-result meter::-webkit-meter-bar { background:#EEF1ED; border:0; height:6px; } .tc-mini-result meter::-webkit-meter-optimum-value { background:#2ED18A; } .tc-mini-result meter::-moz-meter-bar { background:#2ED18A; } .tc-walkthrough__step { color:var(--tc-muted); margin:0 0 12px; font-size:11px; } .tc-walkthrough__grid h3 { font-size:22px; line-height:1.25; margin:0 0 14px; } .tc-walkthrough__grid article > p:not(.tc-walkthrough__step) { font-size:16px; line-height:1.65; margin:0 0 20px; } .tc-walkthrough__grid article > a { font-size:14px; } .tc-walkthrough__caption { margin:28px 0 0; font:11px/1.5 monospace; color:var(--tc-muted); } @media(max-width:800px) { .tc-walkthrough__grid { grid-template-columns:1fr; gap:40px; }.tc-walkthrough__visual { padding:24px; }.tc-mini-window { max-width:360px; margin:auto; }.tc-walkthrough__grid h3 { font-size:24px; } } /* Product features on a light surface, separating the navy sections. */ .tc-included-showcase { background:#FFF; } .tc-included-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 28px; margin-top:40px; } .tc-included-grid article { min-width:0; } .tc-included-grid h3 { font-size:22px; line-height:1.3; margin:22px 0 12px; } .tc-included-grid article > p { font-size:16px; line-height:1.65; margin:0; } .tc-included-visual { height:190px; padding:22px; display:flex; flex-direction:column; justify-content:center; border-radius:8px; background:#EEF3EF; color:#1B1C40; overflow:hidden; } .tc-included-grid article:nth-child(2n) .tc-included-visual { background:#EEF0F7; } .tc-feature-tags { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .tc-feature-tags span { background:#FFF; border:1px solid #DDE5DF; border-radius:5px; padding:10px 8px; font:12px monospace; color:#20845C; } .tc-feature-tags b { font:11px sans-serif; color:#1B1C40; margin-left:4px; } .tc-feature-notice { display:flex; gap:10px; align-items:center; background:#FFF; padding:18px 12px; border-radius:6px; box-shadow:0 8px 20px rgb(27 28 64 / 6%); } .tc-feature-notice strong { font-size:12px; font-weight:500; } .tc-feature-notice small { display:block; font-size:10px; color:#5A6478; margin-top:5px; } .tc-feature-tick { background:#DFF2E9; color:#20845C; border-radius:50%; padding:7px 10px; } .tc-feature-status { display:flex; align-items:center; gap:7px; font-size:11px; margin:18px 5px 0; } .tc-feature-status span { width:6px; height:6px; border-radius:50%; background:#20845C; }.tc-feature-status b { margin-left:auto; } .tc-feature-report { padding:16px; border:1px solid #DDE5DF; border-radius:6px; background:#FFF; font-size:11px; } .tc-feature-report > strong { display:block; margin-bottom:16px; font-weight:500; } .tc-feature-report > div { display:flex; gap:8px; align-items:center; margin-top:10px; }.tc-feature-report span { width:59px; }.tc-feature-report b { font-weight:500; } .tc-feature-report meter { flex:1; min-width:0; height:7px; }.tc-feature-report meter::-webkit-meter-bar { background:#EEF1ED; border:0; height:7px; }.tc-feature-report meter::-webkit-meter-optimum-value { background:#2ED18A; }.tc-feature-report meter::-moz-meter-bar { background:#2ED18A; } .tc-feature-chart { padding:16px; background:#FFF; border-radius:6px; font-size:11px; }.tc-feature-chart svg { display:block; width:100%; height:95px; margin-top:10px; } .tc-feature-flow { max-width:240px; width:100%; margin:auto; }.tc-feature-flow > div { display:flex; align-items:center; gap:12px; padding:9px 12px; background:#FFF; border:1px solid #DDE5DF; border-radius:5px; margin:7px 0; }.tc-feature-flow span { color:#20845C; }.tc-feature-flow strong { font-size:11px; font-weight:500; } .tc-feature-security { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }.tc-feature-security svg { width:62px; height:72px; }.tc-feature-security strong { font-size:12px; font-weight:500; }.tc-feature-security span { font-size:10px; color:#5A6478; } @media(max-width:800px) { .tc-included-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:540px) { .tc-included-grid { grid-template-columns:1fr; gap:32px; }.tc-included-visual { padding:22px 30px; } } /* Product story: comparison, individual insight and customer proof. */ .tc-product-payoff { background:#F0F3F5; } .tc-payoff-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin:36px 0 28px; } .tc-payoff-grid article { display:flex; flex-direction:column; min-width:0; } .tc-payoff-grid h3 { font-size:22px; margin:0 0 12px; } .tc-payoff-grid article > p { font-size:16px; line-height:1.65; margin:0 0 24px; } .tc-payoff-grid .tc-chart { flex:1; } .tc-payoff-report .tc-score { margin:18px 0 24px; } .tc-payoff-link { font-size:16px; } .tc-product-proof { --tc-ink:#FFF; --tc-body:#C7C7D0; --tc-muted:#B6B7C6; background:var(--tc-dark); color:var(--tc-body); } .tc-product-proof h2,.tc-product-proof a { color:#FFF; } .tc-product-proof a:hover { color:#3DDC97; } .tc-product-proof :focus-visible { outline-color:#FFF; } .tc-proof-layout { display:grid; grid-template-columns:1fr 1.25fr; gap:72px; align-items:center; } .tc-proof-layout p { font-size:17px; line-height:1.65; } .tc-proof-layout figure { margin:0; } .tc-proof-layout .tc-client-logo { justify-content:flex-start; height:44px; margin-bottom:24px; } .tc-proof-layout .tc-client-logo svg { filter:brightness(0) invert(1); max-width:150px; max-height:40px; } .tc-proof-layout blockquote { font-size:clamp(22px,2.5vw,30px); line-height:1.45; font-weight:500; color:var(--tc-ink); margin:0 0 20px; } .tc-proof-layout figcaption { font-size:14px; color:var(--tc-muted); } @media(max-width:720px) { .tc-payoff-grid,.tc-proof-layout { grid-template-columns:1fr; gap:32px; }.tc-payoff-grid .tc-chart { padding:16px; } } /* Detailed report preview. */ .tc-payoff-grid .tc-payoff-report { padding:0; overflow:hidden; box-shadow:0 14px 35px rgb(27 28 64 / 9%); } .tc-report-preview-head { display:flex; gap:12px; align-items:center; padding:20px; background:#1B1C40; color:#FFF; } .tc-report-preview-avatar { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:50%; background:#3DDC97; color:#1B1C40; font-weight:500; } .tc-report-preview-head > div { display:flex; flex-direction:column; gap:4px; }.tc-report-preview-head strong { font-size:14px; font-weight:500; }.tc-report-preview-head div span { font-size:11px; color:#C7C7D0; } .tc-report-preview-badge { margin-left:auto; font:10px monospace; color:#D8DEEB; } .tc-report-preview-summary { display:flex; align-items:center; gap:22px; padding:26px 24px; background:#F5FAF7; border-bottom:1px solid #E3EBE6; } .tc-report-preview-ring { width:110px; height:110px; flex:none; position:relative; }.tc-report-preview-ring svg { width:100%; height:100%; transform:rotate(-90deg); }.tc-report-preview-ring circle { fill:none; stroke:#DCEAE2; stroke-width:8; }.tc-report-preview-ring .tc-report-preview-progress { stroke:#23C985; stroke-dasharray:283 314; stroke-linecap:round; }.tc-report-preview-ring > strong { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#1B1C40; font:500 34px/1.1 sans-serif; }.tc-report-preview-ring strong span { font:11px/1.8 monospace; color:#5A6478; } .tc-report-preview-summary .tc-mono { font-size:9px; letter-spacing:.08em; color:#5A6478; }.tc-report-preview-summary .tc-report-preview-title { display:block; font-size:19px; line-height:1.3; margin:8px 0; color:#1B1C40; font-weight:500; }.tc-report-preview-summary p { font-size:11px; margin:0; color:#5A6478; } .tc-report-preview-scores { padding:22px 24px; }.tc-report-preview-label { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:20px; }.tc-report-preview-label strong { font-size:13px; font-weight:500; }.tc-report-preview-label span { font:10px monospace; color:#5A6478; } .tc-report-preview-skill { margin-top:16px; }.tc-report-preview-skill > div { display:flex; justify-content:space-between; font-size:12px; align-items:center; margin-bottom:9px; }.tc-report-preview-skill strong { font:500 18px monospace; color:#1B1C40; }.tc-report-preview-skill meter { display:block; width:100%; height:9px; }.tc-report-preview-skill meter::-webkit-meter-bar { height:9px; background:#EEF1ED; border:0; }.tc-report-preview-skill meter::-webkit-meter-optimum-value { background:#23C985; }.tc-report-preview-skill meter::-moz-meter-bar { background:#23C985; } .tc-chart .tc-report-preview-foot { border-top:1px solid #E3EBE6; margin:0; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; }.tc-report-preview-foot i { color:#16845A; font-style:normal; margin-right:4px; }.tc-report-preview-foot a { font-size:11px; } @media(max-width:540px) { .tc-report-preview-head { padding:16px; gap:9px; }.tc-report-preview-badge { font-size:8px; }.tc-report-preview-summary { padding:22px 16px; gap:14px; }.tc-report-preview-ring { width:92px; height:92px; }.tc-report-preview-summary .tc-report-preview-title { display:block; font-size:17px; }.tc-report-preview-scores { padding:20px 16px; }.tc-chart .tc-report-preview-foot { padding:16px; font-size:10px; } } /* Shortlist preview paired with the individual report. */ .tc-payoff-grid .tc-shortlist-preview { padding:0; overflow:hidden; box-shadow:0 14px 35px rgb(27 28 64 / 9%); display:flex; flex-direction:column; } .tc-shortlist-summary { display:flex; gap:26px; align-items:center; padding:24px; background:#F5FAF7; border-bottom:1px solid #E3EBE6; } .tc-shortlist-summary > div { display:flex; flex-direction:column; gap:5px; }.tc-shortlist-summary strong { font:500 28px/1 monospace; color:#1B1C40; }.tc-shortlist-summary div span { font-size:10px; color:#5A6478; }.tc-shortlist-complete { margin-left:auto; font-size:10px; color:#16845A; } .tc-shortlist-table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; }.tc-shortlist-table thead th { padding:16px 10px; background:#FFF; color:#5A6478; font-size:9px; font-weight:400; }.tc-shortlist-table th:first-child { padding-left:20px; }.tc-shortlist-table th:last-child,.tc-shortlist-table td:last-child { padding-right:20px; }.tc-shortlist-table tbody th,.tc-shortlist-table td { padding:20px 10px; border-top:1px solid #E3EBE6; }.tc-shortlist-table tbody th { font-weight:500; }.tc-shortlist-table td { font-family:monospace; color:#1B1C40; }.tc-shortlist-selected { background:#E7F8EF; } .tc-shortlist-person { display:flex; gap:8px; align-items:center; }.tc-shortlist-avatar { display:grid; place-items:center; flex:none; width:26px; height:26px; border-radius:50%; color:#5A6478; background:#EEF1F4; font:10px monospace; }.tc-shortlist-selected .tc-shortlist-avatar { background:#1B1C40; color:#FFF; }.tc-shortlist-person small { display:block; font-size:8px; color:#16845A; margin-top:5px; } .tc-shortlist-table td strong { font-size:18px; font-weight:500; }.tc-shortlist-table meter { display:block; width:52px; height:5px; margin-top:7px; }.tc-shortlist-table meter::-webkit-meter-bar { height:5px; border:0; background:#DFE7E2; }.tc-shortlist-table meter::-webkit-meter-optimum-value { background:#23C985; }.tc-shortlist-table meter::-moz-meter-bar { background:#23C985; } .tc-chart .tc-shortlist-foot { margin:auto 0 0; padding:18px 20px; border-top:1px solid #E3EBE6; display:flex; gap:10px; justify-content:space-between; font-size:10px; }.tc-shortlist-foot a { font-size:11px; } @media(max-width:540px) { .tc-shortlist-summary { padding:20px 16px; gap:18px; }.tc-shortlist-table th:first-child { padding-left:12px; }.tc-shortlist-table th:last-child,.tc-shortlist-table td:last-child { padding-right:12px; }.tc-shortlist-table thead th { font-size:8px; padding:14px 5px; }.tc-shortlist-table tbody th,.tc-shortlist-table td { padding:18px 5px; font-size:10px; }.tc-shortlist-avatar { width:22px; height:22px; }.tc-shortlist-person { gap:5px; }.tc-shortlist-person small { max-width:70px; font-size:8px; }.tc-shortlist-table meter { width:42px; }.tc-chart .tc-shortlist-foot { padding:16px 12px; font-size:9px; } } /* Feature illustrations share the product preview visual language. */ .tc-included-visual { height:250px; padding:20px 14px; background:radial-gradient(ellipse at 50% 100%,#D6EADF,#EEF3EF 75%); } .tc-included-grid article:nth-child(2n) .tc-included-visual { background:radial-gradient(ellipse at 50% 100%,#DADFED,#EEF0F7 75%); } .tc-feature-stage { width:100%; height:210px; background:#FFF; border:1px solid #DCE2DE; border-radius:7px; overflow:hidden; box-shadow:0 12px 22px rgb(27 28 64 / 12%); } .tc-feature-stage-head { height:38px; display:flex; align-items:center; gap:8px; padding:0 12px; background:#1B1C40; color:#FFF; } .tc-feature-stage-head strong { font-size:10px; font-weight:500; }.tc-feature-stage-head > span:last-child { margin-left:auto; color:#9094AE; letter-spacing:2px; font-size:10px; }.tc-feature-stage-dot { width:6px; height:6px; border-radius:50%; background:#3DDC97; } .tc-feature-stage-body { height:172px; display:flex; flex-direction:column; justify-content:center; padding:14px; } .tc-feature-stage-body .tc-feature-tags { gap:6px; }.tc-feature-stage-body .tc-feature-tags span { background:#F5F8F6; padding:10px 7px; border-color:#E1E8E3; border-left:3px solid #2ED18A; }.tc-feature-stage-body .tc-feature-tags b { font-size:10px; } .tc-feature-stage-body .tc-feature-notice { padding:16px 10px; background:#EFFAF4; border:1px solid #D8EEE0; box-shadow:0 5px 12px rgb(27 28 64 / 5%); }.tc-feature-stage-body .tc-feature-tick { background:#25CD89; color:#1B1C40; }.tc-feature-stage-body .tc-feature-status { margin:14px 5px 0; padding-top:10px; border-top:1px solid #E3EBE6; } .tc-feature-stage-body .tc-feature-report { padding:0; border:0; }.tc-feature-report > strong small { float:right; font:8px monospace; color:#5A6478; }.tc-feature-stage-body .tc-feature-report > div { margin-top:15px; }.tc-feature-stage-body .tc-feature-report b { font:500 16px monospace; color:#1B1C40; }.tc-feature-stage-body .tc-feature-report meter { height:8px; } .tc-feature-stage-body .tc-feature-chart { padding:0; }.tc-feature-chart-key { font-size:8px; color:#5A6478; margin-top:8px; display:flex; gap:5px; align-items:center; }.tc-feature-chart-key i { width:5px; height:5px; background:#2ED18A; border-radius:50%; }.tc-feature-stage-body .tc-feature-chart svg { height:95px; margin-top:4px; }.tc-feature-chart svg rect:nth-child(2n) { fill:#1B1C40; } .tc-feature-stage-body .tc-feature-flow { position:relative; }.tc-feature-stage-body .tc-feature-flow > div { position:relative; padding:8px 10px; margin:0 0 7px; background:#F5F8F6; border-color:#E1E8E3; }.tc-feature-stage-body .tc-feature-flow > div:last-child { margin-bottom:0; background:#E4F8EE; border-color:#BDE7D2; }.tc-feature-stage-body .tc-feature-flow span { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#1B1C40; color:#3DDC97; font-size:12px; } .tc-feature-stage-body:has(.tc-feature-security) { background:radial-gradient(circle at center,#E6F8ED,white 72%); }.tc-feature-stage-body .tc-feature-security { gap:7px; }.tc-feature-stage-body .tc-feature-security svg { width:68px; height:76px; filter:drop-shadow(0 5px 5px rgb(27 28 64 / 12%)); }.tc-feature-security svg path:first-child { fill:#1B1C40; stroke:#1B1C40; }.tc-feature-security svg path:last-child { stroke:#3DDC97; } @media(max-width:540px) { .tc-included-visual { padding:20px; }.tc-feature-stage { max-width:340px; margin:auto; } } /* Expert authorship paired with an accessible hiring workflow. */ .tc-expertise { background:#FFF; } .tc-expertise-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; margin-top:36px; } .tc-expertise-grid article { display:flex; align-items:flex-start; gap:22px; border-top:1px solid #E3E7E4; padding-top:28px; } .tc-expertise-icon { display:grid; place-items:center; width:64px; height:64px; flex:none; border-radius:12px; background:#1B1C40; color:#3DDC97; } .tc-expertise-icon svg { width:40px; height:40px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } .tc-expertise-grid .tc-expertise-label { font:10px/1.5 monospace; letter-spacing:.07em; color:#5A6478; margin:0 0 10px; } .tc-expertise-grid h3 { font-size:23px; line-height:1.3; margin:0 0 14px; } .tc-expertise-grid p { font-size:16px; line-height:1.65; margin:0 0 20px; } .tc-expertise-grid a { font-size:14px; } @media(max-width:720px) { .tc-expertise-grid { grid-template-columns:1fr; gap:28px; }.tc-expertise-grid article { gap:16px; }.tc-expertise-icon { width:48px; height:48px; border-radius:9px; }.tc-expertise-icon svg { width:32px; height:32px; }.tc-expertise-grid h3 { font-size:21px; } } /* Planned assessment integrity offering. */ .tc-integrity { background:#1B1C40; color:#C7C7D0; } .tc-integrity-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:64px; } .tc-integrity .tc-h2 { color:#FFF; }.tc-integrity .homev2-sec-note { color:#FFF; margin-bottom:20px; } .tc-integrity-grid > div > p { font-size:17px; line-height:1.7; } .tc-integrity-grid .tc-integrity-label { color:#3DDC97; font:10px/1.5 monospace; letter-spacing:.06em; margin:22px 0 14px; } .tc-integrity-grid .tc-integrity-note { font-size:12px; color:#B6B7C6; margin-top:22px; } .tc-integrity-preview { border:1px solid #454662; background:#242547; border-radius:9px; overflow:hidden; } .tc-integrity-header { display:flex; justify-content:space-between; gap:12px; padding:20px 24px; border-bottom:1px solid #454662; color:#FFF; font-size:14px; } .tc-integrity-header strong { font-weight:500; }.tc-integrity-header > span { font:10px monospace; color:#3DDC97; align-self:center; } .tc-integrity-item { display:flex; gap:16px; padding:24px; border-bottom:1px solid #393A57; }.tc-integrity-item:last-child { border:0; } .tc-integrity-item > span { display:grid; place-items:center; width:32px; height:32px; flex:none; border-radius:50%; background:#3DDC97; color:#1B1C40; font:12px monospace; } .tc-integrity-item h3 { color:#FFF; font-size:18px; line-height:1.35; margin:0 0 8px; }.tc-integrity-item p { font-size:14px; line-height:1.6; margin:0; } @media(max-width:720px) { .tc-integrity-grid { grid-template-columns:1fr; gap:28px; }.tc-integrity-header,.tc-integrity-item { padding:20px; } } /* Homepage overview uses the same product language and report preview. */ .tc-marketing .tc-home-hero > .tc-payoff-report { --tc-ink:#1B1C40; --tc-body:#3E424E; --tc-muted:#5A6478; --tc-line:#E3EBE6; color:#3E424E; padding:0; width:100%; max-width:520px; margin:0; overflow:hidden; box-shadow:0 24px 60px rgb(0 0 0 / 18%); } .tc-home-hero .tc-report-preview-head { border-bottom:1px solid #454662; }.tc-home-hero .tc-report-preview-skill > div { color:#1B1C40; }.tc-marketing .tc-home-hero .tc-report-preview-foot a { color:#1B1C40; }.tc-marketing .tc-home-hero .tc-report-preview-foot a:hover { color:#16845A; } .tc-home-stories { background:#1B1C40; color:#FFF; } .tc-home-stories .tc-case-quote { margin-bottom:0; } .tc-home-stories .tc-case-quote blockquote { color:#FFF; } .tc-home-stories .tc-case-quote figcaption { color:#C7C7D0; } @media(max-width:980px) { .tc-marketing .tc-home-hero > .tc-payoff-report { margin:auto; } } /* Homepage discovery story, distinct from the detailed product walkthrough. */ .tc-home-overview { background:#F0F3F6; } .tc-home-overview-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:64px; } .tc-home-overview-label { font:10px/1.5 monospace; letter-spacing:.06em; color:#5A6478; margin:22px 0 12px; } .tc-home-overview-grid > div > p:not(.tc-home-overview-label) { font-size:18px; line-height:1.7; margin:22px 0; } .tc-home-overview-visual { border:1px solid #DFE3E8; border-radius:10px; background:#FFF; overflow:hidden; box-shadow:0 18px 40px rgb(27 28 64 / 9%); } .tc-home-overview-top { display:flex; justify-content:space-between; align-items:center; gap:12px; background:#1B1C40; color:#FFF; padding:20px; font:10px monospace; }.tc-home-overview-top span:last-child { font:10px sans-serif; color:#C7C7D0; } .tc-home-journey { padding:32px; display:flex; flex-direction:column; align-items:center; background:radial-gradient(ellipse at center,#F1F8F4,#FFF); } .tc-home-applications { display:flex; gap:10px; }.tc-home-applications span { width:40px; height:50px; border:1px solid #DDE2E7; border-radius:5px; background:#FFF; display:grid; place-items:center; color:#747B8D; font:11px monospace; box-shadow:0 4px 8px rgb(27 28 64 / 5%); }.tc-home-applications span:nth-child(2n) { transform:translateY(5px); } .tc-home-journey-arrow { font-size:24px; color:#8C9AA0; line-height:1; padding:16px; } .tc-home-assess { display:flex; gap:14px; align-items:center; border:1px solid #D5EADD; background:#E5F7ED; padding:20px; width:100%; border-radius:7px; }.tc-home-assess > span { width:36px; height:36px; border-radius:50%; background:#1B1C40; color:#3DDC97; display:grid; place-items:center; flex:none; }.tc-home-assess strong { font-size:17px; color:#1B1C40; }.tc-home-assess small { display:block; margin-top:7px; font-size:10px; color:#5A6478; } .tc-home-shortlist { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }.tc-home-shortlist > span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#1B1C40; color:#3DDC97; font:12px monospace; }.tc-home-shortlist strong { width:100%; text-align:center; color:#1B1C40; font-size:14px; margin-top:4px; } .tc-home-confidence { background:#1B1C40; color:#C7C7D0; }.tc-home-confidence h2,.tc-home-confidence h3,.tc-home-confidence a { color:#FFF; }.tc-home-confidence a:hover { color:#3DDC97; }.tc-home-confidence :focus-visible { outline-color:#FFF; } .tc-home-confidence-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; margin:36px 0 28px; }.tc-home-confidence-grid article { border-top:1px solid #414260; padding-top:24px; }.tc-home-confidence-grid .tc-mono { color:#3DDC97; font-size:10px; }.tc-home-confidence h3 { font-size:23px; margin:14px 0; }.tc-home-confidence-grid p { font-size:17px; line-height:1.7; margin:0; } @media(max-width:720px) { .tc-home-overview-grid,.tc-home-confidence-grid { grid-template-columns:1fr; gap:30px; }.tc-home-journey { padding:24px 18px; }.tc-home-overview-top { padding:16px; }.tc-home-overview-top span:last-child { max-width:110px; text-align:right; }.tc-home-assess { padding:16px 12px; } } .tc-marketing .tc-test-directory { background:#FFF; } /* Homepage hiring outcomes and a low-friction starting point. */ .tc-home-benefits { background:#FFF; }.tc-home-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:36px; }.tc-home-benefit-art { background:#EDF3F0; border-radius:8px; padding:20px; margin-bottom:24px; }.tc-home-benefit-art svg { display:block; width:100%; height:110px; fill:none; stroke:#86938D; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }.tc-home-benefit-art .tc-benefit-paper { fill:#FFF; stroke:#D5DDD7; }.tc-home-benefit-art circle { fill:#1B1C40; stroke:#1B1C40; }.tc-home-benefit-art .tc-benefit-check { stroke:#3DDC97; stroke-width:3; }.tc-home-benefit-art .tc-benefit-bars { stroke:#25CC89; stroke-width:7; }.tc-home-benefit-grid h3 { font-size:22px; line-height:1.3; margin:0 0 14px; }.tc-home-benefit-grid p { font-size:16px; line-height:1.65; margin:0; } .tc-home-pricing { background:#F0F3F6; }.tc-home-pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }.tc-home-pricing-grid > div > p { font-size:18px; line-height:1.7; margin:20px 0; }.tc-home-pricing-offer { border:1px solid #DEE4E0; border-radius:9px; background:#FFF; padding:30px; }.tc-home-free { display:flex; gap:24px; align-items:center; }.tc-home-free > strong { font:500 68px/1 monospace; color:#1B1C40; }.tc-home-free h3 { font-size:22px; margin:0 0 8px; }.tc-home-free p { font-size:14px; line-height:1.5; margin:0; color:#5A6478; }.tc-home-pricing-offer ul { list-style:none; margin:24px 0 0; padding:20px 0 0; border-top:1px solid #E3E7E4; }.tc-home-pricing-offer li { font-size:15px; padding:7px 0; }.tc-home-pricing-offer li::before { content:'✓'; color:#16845A; margin-right:12px; } @media(max-width:720px) { .tc-home-benefit-grid,.tc-home-pricing-grid { grid-template-columns:1fr; gap:32px; }.tc-home-pricing-offer { padding:24px; }.tc-home-free { gap:18px; }.tc-home-free h3 { font-size:20px; } } /* Richer homepage product illustrations. */ .tc-home-overview-grid { grid-template-columns:.85fr 1.15fr; gap:48px; } .tc-hiring-workspace { width:100%; max-width:440px; margin-inline:auto; border:1px solid #D7DDE6; border-radius:11px; background:#FFF; overflow:hidden; box-shadow:0 24px 50px rgb(27 28 64 / 14%),0 4px 8px rgb(27 28 64 / 4%); transform:rotate(-1deg); } .tc-workspace-nav { display:flex; align-items:center; gap:12px; padding:16px 20px; background:#1B1C40; color:#FFF; }.tc-workspace-mark { font-size:23px; font-weight:600; }.tc-workspace-mark span { color:#3DDC97; }.tc-workspace-nav > strong { font-size:11px; font-weight:500; }.tc-workspace-example { margin-left:auto; color:#C7C7D0; font:9px monospace; } .tc-workspace-body { padding:24px 20px 20px; }.tc-workspace-title { display:flex; justify-content:space-between; align-items:center; gap:10px; }.tc-workspace-kicker { display:block; font:9px monospace; color:#657085; margin-bottom:9px; }.tc-workspace-title strong { font-size:20px; color:#1B1C40; }.tc-workspace-live { font-size:10px; color:#16764F; background:#E5F8ED; padding:6px 9px; border-radius:20px; } .tc-workspace-tests { display:flex; flex-wrap:wrap; gap:5px; margin:16px 0 22px; }.tc-workspace-tests > span { border:1px solid #DEE5E1; border-radius:4px; padding:6px 7px; font-size:9px; color:#536070; } .tc-workspace-stats { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #E0E7E3; background:#F5F9F6; border-radius:6px; margin-bottom:24px; }.tc-workspace-stats > div { padding:15px; border-right:1px solid #E0E7E3; }.tc-workspace-stats > div:last-child { border:0; }.tc-workspace-stats strong { display:block; font:500 28px/1.1 monospace; color:#1B1C40; }.tc-workspace-stats span { display:block; font-size:10px; color:#657085; margin-top:6px; } .tc-workspace-table-head,.tc-workspace-candidate { display:grid; grid-template-columns:1.2fr 1fr .5fr; gap:10px; align-items:center; }.tc-workspace-table-head { color:#657085; font:8px monospace; padding:0 10px 12px; }.tc-workspace-table-head > span:last-child { text-align:right; }.tc-workspace-candidate { padding:14px 10px; border-top:1px solid #E5EAE6; }.tc-workspace-candidate--selected { background:#EAF8F0; border-radius:5px; }.tc-workspace-person { display:flex; gap:7px; align-items:center; }.tc-workspace-person i { display:grid; place-items:center; width:25px; height:25px; background:#E9EDF2; border-radius:50%; font:10px monospace; color:#1B1C40; }.tc-workspace-candidate--selected i { background:#1B1C40; color:#3DDC97; }.tc-workspace-person strong { color:#1B1C40; font-size:10px; font-weight:500; }.tc-workspace-scorecells { display:flex; gap:5px; }.tc-workspace-scorecells b { display:grid; place-items:center; width:27px; height:28px; background:#D9F0E3; border-radius:4px; color:#235640; font:10px monospace; }.tc-workspace-scorecells b:nth-child(2) { background:#E7ECF4; color:#394668; }.tc-workspace-total { font:500 21px monospace; color:#1B1C40; text-align:right; }.tc-workspace-total small { display:block; font-size:8px; color:#657085; } .tc-workspace-insight { display:flex; gap:12px; align-items:center; margin-top:18px; padding:14px; background:#1B1C40; color:#FFF; border-radius:6px; }.tc-workspace-insight > span { color:#3DDC97; font-size:20px; }.tc-workspace-insight strong { font-size:11px; font-weight:500; }.tc-workspace-insight small { display:block; color:#C7C7D0; font-size:9px; margin-top:5px; } .tc-home-benefit-art { height:284px; padding:18px 12px; background:linear-gradient(145deg,#EEF2F7,#E3EDE7); } .tc-benefit-window { height:248px; background:#FFF; border:1px solid #DAE1DC; border-radius:7px; overflow:hidden; box-shadow:0 10px 20px rgb(27 28 64 / 10%); }.tc-benefit-window-head { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:12px; background:#1B1C40; color:#FFF; font-size:9px; }.tc-benefit-window-head i { font:9px monospace; color:#9098B0; letter-spacing:2px; }.tc-benefit-window-body { padding:14px 12px; }.tc-benefit-view-label { display:flex; justify-content:space-between; gap:6px; font:8px/1.5 monospace; color:#657085; margin-bottom:12px; }.tc-benefit-view-label > span { font-size:7px; } .tc-benefit-rank { display:flex; gap:8px; align-items:center; padding:10px 6px; border-bottom:1px solid #E5EAE6; }.tc-benefit-rank:nth-child(2) { background:#E5F7ED; border-radius:4px; }.tc-benefit-rank i { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#1B1C40; color:#3DDC97; font:9px monospace; }.tc-benefit-rank strong { font-size:10px; color:#1B1C40; font-weight:500; }.tc-benefit-rank b { margin-left:auto; font:17px monospace; color:#1B1C40; }.tc-benefit-bottom { display:flex; justify-content:space-between; gap:6px; margin-top:12px; color:#657085; font-size:8px; }.tc-benefit-bottom span { color:#16845A; } .tc-benefit-skill { display:grid; grid-template-columns:1fr auto; gap:7px; margin:14px 0; }.tc-benefit-skill span { font-size:10px; color:#1B1C40; align-self:center; }.tc-benefit-skill strong { font:17px monospace; color:#1B1C40; }.tc-benefit-skill meter { grid-column:1/-1; width:100%; height:6px; }.tc-benefit-skill meter::-webkit-meter-bar { height:6px; border:0; background:#E8EEE9; }.tc-benefit-skill meter::-webkit-meter-optimum-value { background:#27CD88; }.tc-benefit-skill meter::-moz-meter-bar { background:#27CD88; } .tc-benefit-evidence { display:flex; align-items:center; gap:12px; padding:12px; background:#E6F7EE; border-radius:5px; }.tc-benefit-evidence > span { font:27px monospace; color:#1B1C40; }.tc-benefit-evidence > span small { display:block; font-size:8px; color:#657085; }.tc-benefit-evidence strong { font-size:10px; color:#1B1C40; }.tc-benefit-evidence div small { display:block; margin-top:5px; color:#657085; font-size:8px; }.tc-benefit-question { margin-top:14px; padding-left:10px; border-left:2px solid #27CD88; }.tc-benefit-question > span { font:7px monospace; color:#657085; }.tc-benefit-question p { font-size:12px; line-height:1.5; color:#1B1C40; margin:7px 0 0; } @media(max-width:720px) { .tc-home-overview-grid { grid-template-columns:1fr; gap:32px; }.tc-hiring-workspace { transform:none; }.tc-workspace-body { padding:20px 12px; }.tc-workspace-nav { padding:14px 12px; }.tc-workspace-title strong { font-size:17px; }.tc-workspace-table-head,.tc-workspace-candidate { gap:6px; padding-left:5px; padding-right:5px; }.tc-workspace-scorecells { gap:3px; }.tc-workspace-scorecells b { width:23px; }.tc-workspace-person { gap:5px; }.tc-workspace-person strong { font-size:9px; }.tc-home-benefit-art { padding:18px 22px; }.tc-benefit-window { max-width:350px; margin:auto; } } /* Homepage hero: a layered candidate insight illustration. */ .tc-hero-showcase { position:relative; width:100%; max-width:540px; margin:20px auto 35px; padding:0 0 24px; color:#1B1C40; isolation:isolate; } .tc-hero-showcase-halo { position:absolute; inset:-50px -30px; z-index:-1; background:radial-gradient(ellipse at 60% 45%,rgb(61 220 151 / 17%),transparent 68%); pointer-events:none; } .tc-hero-dashboard { position:relative; background:#FFF; border-radius:12px; border:1px solid #4A4C68; box-shadow:0 28px 60px rgb(0 0 0 / 25%); overflow:hidden; transform:rotate(-1deg); } .tc-hero-dashboard-head { display:flex; align-items:center; gap:12px; padding:17px 22px; background:#242547; color:#FFF; }.tc-hero-brand { font-size:26px; font-weight:600; }.tc-hero-brand span { color:#3DDC97; }.tc-hero-dashboard-head > strong { font-size:12px; font-weight:500; }.tc-hero-example { font:9px monospace; color:#C7C7D0; margin-left:auto; } .tc-hero-dashboard-body { padding:24px; }.tc-hero-candidate { display:flex; align-items:center; gap:12px; }.tc-hero-avatar { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#E2F6EB; color:#1B1C40; font:16px monospace; }.tc-hero-candidate > div { display:flex; flex-direction:column; gap:4px; }.tc-hero-candidate strong { font-size:15px; }.tc-hero-candidate div span { font-size:10px; color:#657085; }.tc-hero-complete { margin-left:auto; border-radius:50%; background:#E2F6EB; color:#16845A; padding:5px 8px; font-size:12px; } .tc-hero-score-block { display:flex; gap:20px; align-items:center; margin:22px -24px; padding:22px 24px; background:linear-gradient(115deg,#ECF9F2,#F8FAFB); border-block:1px solid #E2ECE5; }.tc-hero-score-ring { position:relative; width:145px; height:145px; flex:none; }.tc-hero-score-ring svg { width:100%; height:100%; transform:rotate(-90deg); }.tc-hero-score-ring circle { fill:none; stroke:#D8EAE0; stroke-width:9; }.tc-hero-score-ring .tc-hero-score-arc { stroke:#24CC88; stroke-dasharray:373 415; stroke-linecap:round; }.tc-hero-score-ring > div { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; }.tc-hero-score-ring strong { font:500 48px/1 monospace; color:#1B1C40; }.tc-hero-score-ring div span { font:7px monospace; color:#657085; margin-top:9px; }.tc-hero-score-copy > span { display:block; font:8px/1.6 monospace; color:#657085; margin-bottom:10px; }.tc-hero-score-copy > strong { font-size:23px; line-height:1.25; color:#1B1C40; font-weight:500; } .tc-hero-skill { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; margin:16px 0; }.tc-hero-skill > span { font-size:12px; color:#1B1C40; }.tc-hero-skill > strong { font:20px monospace; color:#1B1C40; }.tc-hero-skill small { font-size:9px; color:#657085; margin-left:4px; }.tc-hero-skill meter { grid-column:1/-1; width:100%; height:7px; }.tc-hero-skill meter::-webkit-meter-bar { height:7px; border:0; background:#E9EEEB; }.tc-hero-skill meter::-webkit-meter-optimum-value { background:#24CC88; }.tc-hero-skill meter::-moz-meter-bar { background:#24CC88; } .tc-hero-report-footer { display:flex; justify-content:space-between; gap:10px; border-top:1px solid #E3E8E5; padding-top:17px; margin-top:22px; font-size:9px; color:#657085; }.tc-hero-report-footer > span:last-child { color:#16845A; } .tc-hero-shortlist-float { position:relative; margin:-5px -12px -30px auto; width:290px; padding:16px 20px; border-radius:9px; background:#FFF; border:1px solid #DFE6E0; box-shadow:0 14px 35px rgb(0 0 0 / 20%); transform:rotate(2deg); }.tc-hero-float-label { display:block; font:8px monospace; color:#657085; margin-bottom:12px; }.tc-hero-shortlist-float > div { display:flex; align-items:center; gap:9px; }.tc-hero-float-person { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#EEF1F5; color:#657085; font:10px monospace; }.tc-hero-float-person:first-child { background:#1B1C40; color:#3DDC97; }.tc-hero-shortlist-float strong { font:18px monospace; color:#1B1C40; margin-right:8px; } @media(max-width:540px) { .tc-hero-showcase { max-width:380px; margin-top:4px; }.tc-hero-dashboard { transform:none; }.tc-hero-dashboard-head { padding:14px 16px; gap:9px; }.tc-hero-dashboard-head > strong { font-size:11px; }.tc-hero-example { font-size:8px; }.tc-hero-dashboard-body { padding:20px 16px; }.tc-hero-score-block { margin:20px -16px; padding:20px 16px; gap:14px; }.tc-hero-score-ring { width:116px; height:116px; }.tc-hero-score-ring strong { font-size:39px; }.tc-hero-score-copy > strong { font-size:19px; }.tc-hero-score-copy > span { font-size:7px; }.tc-hero-shortlist-float { margin-right:0; width:272px; }.tc-hero-showcase-halo { inset:-20px 0; } } /* Compact, complete assessment report in the homepage hero. */ .tc-hero-full-report { width:100%; max-width:440px; margin:0 auto; border:1px solid #555773; border-radius:9px; background:#FFF; color:#1B1C40; overflow:hidden; box-shadow:0 20px 45px rgb(0 0 0 / 22%); } .tc-full-report-head { display:flex; align-items:center; gap:10px; padding:12px 18px; background:#242547; color:#FFF; }.tc-full-report-head .tc-hero-brand { font-size:23px; }.tc-full-report-head > strong { font-size:11px; font-weight:500; }.tc-full-report-head > span:last-child { margin-left:auto; font:8px monospace; color:#C7C7D0; } .tc-full-report-body { padding:18px; }.tc-full-report-person { display:flex; align-items:center; gap:10px; }.tc-full-report-avatar { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#E4F5EB; font:12px monospace; }.tc-full-report-person strong { font-size:13px; }.tc-full-report-person small { display:block; font-size:8px; color:#647085; margin-top:4px; }.tc-full-report-status { margin-left:auto; color:#16764F; font-size:8px; } .tc-full-report-summary { display:grid; grid-template-columns:repeat(3,1fr); background:#F1F7F3; border:1px solid #DEE9E1; border-radius:5px; margin:16px 0; }.tc-full-report-summary > div { padding:11px; border-right:1px solid #DEE9E1; }.tc-full-report-summary > div:last-child { border:0; }.tc-full-report-summary strong { display:block; font:500 22px/1 monospace; }.tc-full-report-summary strong span { font-size:11px; }.tc-full-report-summary div > span { display:block; margin-top:5px; font-size:8px; color:#647085; } .tc-full-report-columns { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.tc-full-report-columns > section { min-width:0; }.tc-full-report-body .tc-full-report-heading { display:flex; gap:6px; align-items:center; font-size:11px; color:#1B1C40; margin:0 0 12px; font-weight:500; }.tc-full-report-body .tc-full-report-heading > span { color:#198359; font:8px monospace; } .tc-full-report-score { display:grid; grid-template-columns:1fr auto; gap:5px; align-items:center; margin-bottom:10px; }.tc-full-report-score > span { font-size:9px; }.tc-full-report-score > strong { font:13px monospace; }.tc-full-report-score small { font-size:7px; color:#647085; }.tc-full-report-score meter { grid-column:1/-1; width:100%; height:5px; }.tc-full-report-score meter::-webkit-meter-bar { height:5px; background:#E8EEEA; border:0; }.tc-full-report-score meter::-webkit-meter-optimum-value { background:#27C989; }.tc-full-report-score meter::-moz-meter-bar { background:#27C989; }.tc-full-report-columns section:last-child meter::-webkit-meter-optimum-value { background:#6676A5; }.tc-full-report-columns section:last-child meter::-moz-meter-bar { background:#6676A5; } .tc-full-report-note { font-size:8px; color:#647085; margin:8px 0 0; }.tc-full-report-skill-note { display:flex; align-items:center; gap:6px; font-size:8px; line-height:1.5; padding:9px; background:#F1F5F8; border-radius:4px; color:#647085; }.tc-full-report-skill-note span { color:#16845A; } .tc-full-report-personality { border-top:1px solid #E2E7E4; padding-top:14px; margin-top:14px; }.tc-full-report-personality .tc-full-report-heading { margin-bottom:6px; }.tc-full-report-personality .tc-full-report-heading small { margin-left:auto; font-size:7px; color:#647085; font-weight:400; }.tc-full-report-personality-grid { display:grid; grid-template-columns:125px 1fr; align-items:center; gap:12px; }.tc-full-report-personality-grid svg { width:125px; height:120px; }.tc-full-report-traits > div { display:flex; justify-content:space-between; gap:5px; padding:7px 0; border-bottom:1px solid #EDF0ED; font-size:8px; }.tc-full-report-traits strong { font-weight:500; color:#516481; } .tc-full-report-footer { border-top:1px solid #E2E7E4; margin-top:10px; padding-top:10px; display:flex; justify-content:space-between; gap:8px; font:7px monospace; color:#647085; } @media(max-width:540px) { .tc-hero-full-report { max-width:360px; }.tc-full-report-head { padding:12px; gap:7px; }.tc-full-report-head > strong { font-size:10px; }.tc-full-report-body { padding:14px; }.tc-full-report-status { font-size:7px; }.tc-full-report-columns { gap:14px; }.tc-full-report-personality-grid { grid-template-columns:100px 1fr; gap:8px; }.tc-full-report-personality-grid svg { width:100px; height:105px; }.tc-full-report-traits > div { font-size:7px; }.tc-full-report-person small { font-size:7px; } } /* Keep the homepage workspace illustration compact. */ .tc-workspace-body { padding:18px 18px 16px; } .tc-workspace-tests { margin:12px 0 16px; } .tc-workspace-stats { margin-bottom:18px; } .tc-workspace-stats > div { padding:12px; } .tc-workspace-candidate { padding-block:11px; } .tc-workspace-insight { margin-top:14px; padding:12px; } /* Six focused routes into the library on the homepage. */ .tc-home-library { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 36px; } .tc-marketing a.tc-home-category { position:relative; display:flex; flex-direction:column; padding:24px 0; border-top:1px solid #DFE3E1; color:#1B1C40; text-decoration:none; } .tc-home-category-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; } .tc-home-category-icon { color:#16845A; font:18px monospace; } .tc-home-category-count { font:10px monospace; color:#657085; } .tc-home-category h3 { font-size:21px; line-height:1.3; margin:0 24px 9px 0; } .tc-home-category p { font-size:15px; line-height:1.55; color:#5A6478; margin:0; padding-right:22px; } .tc-home-category-bottom { position:absolute; right:0; top:60px; color:#5A6478; } .tc-home-category-bottom > span { font-size:20px; } .tc-marketing a.tc-home-category:hover h3,.tc-marketing a.tc-home-category:focus-visible h3 { text-decoration:underline; text-decoration-color:#2ED18A; text-decoration-thickness:2px; text-underline-offset:5px; } @media(max-width:800px) { .tc-home-library { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; } } @media(max-width:540px) { .tc-home-library { grid-template-columns:1fr; }.tc-marketing a.tc-home-category { padding:20px 0; }.tc-home-category-top { margin-bottom:12px; }.tc-home-category-bottom { top:53px; } } /* Make flexible per-candidate pricing a homepage selling point. */ .tc-home-pricing-grid > div > .tc-home-payg-eyebrow { font:10px/1.5 monospace; letter-spacing:.06em; color:#16845A; margin:22px 0 14px; } .tc-home-pricing-grid > div > .tc-home-payg-support { font-size:16px; color:#5A6478; } .tc-home-payg-card { background:#FFF; border:1px solid #DCE4DF; border-radius:10px; overflow:hidden; box-shadow:0 18px 40px rgb(27 28 64 / 10%); } .tc-home-payg-head { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:20px 24px; background:#1B1C40; color:#FFF; }.tc-home-payg-head strong { font-size:17px; font-weight:500; }.tc-home-payg-head > span { color:#3DDC97; font:10px monospace; } .tc-home-payg-body { padding:28px; }.tc-home-payg-label { font:10px monospace; letter-spacing:.05em; color:#5A6478; }.tc-home-payg-price { display:flex; align-items:center; gap:18px; margin:16px 0 6px; }.tc-home-payg-price strong { font-size:clamp(52px,5.6vw,74px); font-weight:500; letter-spacing:-.05em; line-height:1; color:#1B1C40; }.tc-home-payg-price > span { font-size:13px; line-height:1.5; color:#5A6478; }.tc-home-payg-tax { font-size:10px; color:#657085; margin:10px 0 22px; } .tc-home-payg-included { display:flex; flex-wrap:wrap; gap:8px 14px; color:#16845A; font-size:11px; padding-bottom:22px; }.tc-home-payg-facts { display:grid; grid-template-columns:1fr 1fr; background:#EDF8F1; border:1px solid #D6EBDC; border-radius:6px; }.tc-home-payg-facts > div { padding:20px 16px; }.tc-home-payg-facts > div + div { border-left:1px solid #D6EBDC; }.tc-home-payg-facts strong { display:block; font-size:29px; line-height:1.1; color:#1B1C40; font-weight:500; }.tc-home-payg-facts span { display:block; font-size:11px; margin-top:7px; color:#536475; } .tc-home-payg-start { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-top:24px; font-size:13px; color:#1B1C40; }.tc-home-payg-reassurance { font-size:10px; color:#657085; margin:14px 0 0; } @media(max-width:540px) { .tc-home-payg-head { padding:18px; }.tc-home-payg-head > span { font-size:9px; }.tc-home-payg-body { padding:22px; }.tc-home-payg-facts > div { padding:16px 12px; }.tc-home-payg-start { font-size:12px; } } /* A visual transformation, distinct from the report in the hero. */ .tc-shortlist-journey { width:100%; max-width:470px; margin:auto; } .tc-shortlist-journey svg { display:block; width:100%; height:auto; font-family:inherit; overflow:visible; } .tc-shortlist-journey > p { text-align:center; font-size:13px; line-height:1.5; color:#5A6478; margin:12px 0 0; } .tc-home-payg-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; }.tc-home-payg-controls select { border:1px solid #DCE4DF; border-radius:4px; background:#FFF; color:#1B1C40; font-family:inherit; font-size:12px; padding:7px; cursor:pointer; }.tc-home-payg-controls .tc-home-payg-label { font-size:9px; } /* Tests index: browse, experience and build an assessment. */ .tc-tests-hero-links { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:24px; margin-top:30px; } .tc-test-explorer { background:#FFF; scroll-margin-top:24px; }.tc-test-explorer .tc-section-heading .tv2-rule { margin-bottom:20px; } .tc-tests-categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; }.tc-tests-categories > a { display:flex; gap:18px; align-items:center; padding:26px 0; border-top:1px solid #E1E5E2; color:#1B1C40; text-decoration:none; }.tc-tests-category-symbol { display:grid; place-items:center; width:42px; height:42px; flex:none; background:#EDF5F0; color:#198359; border-radius:8px; font:18px monospace; }.tc-tests-categories h3 { font-size:21px; margin:0 0 7px; }.tc-tests-categories p { font-size:14px; line-height:1.5; color:#5A6478; margin:0; }.tc-tests-category-meta { margin-left:auto; flex:none; font:10px monospace; color:#657085; }.tc-tests-category-meta > span { display:block; font-size:19px; margin-top:8px; text-align:right; }.tc-tests-categories > a:hover h3,.tc-tests-categories > a:focus-visible h3 { text-decoration:underline; text-decoration-color:#2ED18A; text-underline-offset:5px; text-decoration-thickness:2px; } .tc-tests-role-route { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:24px; padding:24px; background:#F1F4F7; border-radius:7px; }.tc-tests-role-route strong { font-size:19px; color:#1B1C40; }.tc-tests-role-route p { font-size:14px; margin:8px 0 0; }.tc-tests-role-route > a { flex:none; font-size:14px; } .tc-tests-examples { background:#F0F3F6; }.tc-tests-sample-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:34px; }.tc-tests-sample { border:1px solid #DCE2E6; border-radius:8px; overflow:hidden; background:#FFF; box-shadow:0 10px 22px rgb(27 28 64 / 7%); }.tc-tests-sample-head { display:flex; justify-content:space-between; padding:14px; background:#1B1C40; color:#FFF; font-size:10px; }.tc-tests-sample-body { height:210px; padding:18px; display:flex; align-items:center; justify-content:center; overflow:auto; }.tc-tests-sample-body img { width:100%; height:100%; object-fit:contain; }.tc-tests-sample-body p { font-size:12px; line-height:1.6; margin:0; }.tc-tests-sample-grid h3 { font-size:21px; margin:22px 0 12px; }.tc-tests-sample-grid a { font-size:14px; } .tc-tests-templates { background:#1B1C40; color:#C7C7D0; }.tc-tests-templates .tc-h2,.tc-tests-templates h3,.tc-tests-templates a { color:#FFF; }.tc-tests-templates .homev2-sec-note { color:#C7C7D0; }.tc-tests-template-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:34px; }.tc-tests-template-grid article { display:flex; flex-direction:column; padding:26px; border:1px solid #454661; border-radius:8px; background:#252646; }.tc-tests-template-meta { display:flex; justify-content:space-between; gap:12px; color:#3DDC97; font:10px monospace; }.tc-tests-template-grid h3 { font-size:23px; line-height:1.3; margin:18px 0 12px; }.tc-tests-template-grid p { font-size:15px; line-height:1.65; margin:0 0 20px; }.tc-tests-template-grid ul { display:flex; flex-wrap:wrap; gap:7px; list-style:none; padding:0; margin:0 0 24px; }.tc-tests-template-grid li { padding:6px 9px; border:1px solid #50516C; border-radius:4px; font-size:11px; }.tc-tests-template-grid a { align-self:flex-start; margin-top:auto; font-size:14px; }.tc-tests-templates a:hover { color:#3DDC97; }.tc-tests-templates :focus-visible { outline-color:#FFF; } .tc-tests-advice { background:#FFF; }.tc-tests-advice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:32px 0; }.tc-tests-advice-grid article { border-top:1px solid #E1E5E2; padding-top:22px; }.tc-tests-advice-grid article > span { font:12px monospace; color:#198359; }.tc-tests-advice-grid h3 { font-size:21px; line-height:1.3; margin:14px 0; }.tc-tests-advice-grid p { font-size:16px; line-height:1.65; margin:0; } @media(max-width:720px) { .tc-tests-categories,.tc-tests-sample-grid,.tc-tests-template-grid,.tc-tests-advice-grid { grid-template-columns:1fr; }.tc-tests-role-route { flex-direction:column; align-items:flex-start; }.tc-tests-category-symbol { width:34px; height:34px; }.tc-tests-categories > a { gap:12px; }.tc-tests-categories h3 { font-size:19px; }.tc-tests-sample-body { height:230px; } } /* Test discovery: search and assessment details. */ .tc-test-search { margin: 0 0 32px; max-width: 760px; } .tc-test-search[hidden], .tc-test-search [hidden] { display: none; } .tc-test-search label { display: block; font-weight: 600; margin-bottom: 10px; color: #1B1C40; } .tc-test-search-field { position: relative; height: 52px; box-sizing: border-box; border: 1px solid #CBD2D7; border-radius: 6px; background: #fff; } .tc-test-search-field:focus-within { border-color: #21855E; box-shadow: 0 0 0 1px #21855E; } .tc-marketing #tc-test-query, .tc-marketing #tc-test-query:focus, .tc-marketing #tc-test-query:focus-visible { display: block; box-sizing: border-box; width: 100%; height: 100%; min-width: 0; min-height: 0; margin: 0; border: 0; border-radius: inherit; background: transparent; padding: 12px 52px 12px 16px; font: inherit; color: #1B1C40; outline: none; box-shadow: none; appearance: none; } #tc-test-query::-webkit-search-cancel-button, #tc-test-query::-webkit-search-decoration { -webkit-appearance: none; } .tc-test-search button { position: absolute; right: 4px; top: 4px; width: 42px; height: 42px; border: 0; background: transparent; color: #59657B; padding: 0; border-radius: 4px; font-size: 26px; line-height: 1; cursor: pointer; } .tc-test-search button:hover { color: #1B1C40; } .tc-test-search-status { font-size: 14px; color: #59657B; margin: 10px 0; } .tc-test-search-results { max-height: 340px; overflow-y: auto; border: 1px solid #DCE3DF; border-radius: 6px; background: #fff; } .tc-test-search-results a { display: flex; justify-content: space-between; gap: 20px; padding: 14px 18px; border-bottom: 1px solid #E7EBE8; color: #1B1C40; text-decoration: none; } .tc-test-search-results a:last-child { border-bottom: 0; } .tc-test-search-results a:hover span { text-decoration: underline; text-decoration-color: #2ED18A; text-underline-offset: 5px; } .tc-test-search-results small { color: #59657B; white-space: nowrap; } .tc-tests-sample-details { color: #59657B; font-size: 13px; margin: 8px 0 16px; } .tc-tests-selection-help { color: #C8CBDA; margin: 28px 0 0; font-size: 16px; } .tc-tests-selection-help a { color: #fff; margin-left: 8px; } @media (max-width: 600px) { .tc-test-search-results a { flex-direction: column; gap: 4px; } .tc-test-search input { font-size: 16px; } } /* Individual test pages: centred introduction and open content layout. */ .tc-test-detail-tags { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:24px 0; } .tc-test-detail-tags span { padding:7px 12px; border:1px solid #555673; border-radius:5px; color:#E0E2ED; font-size:13px; } .tc-marketing .tc-case-quote--open, .tc-marketing .tc-contact-aside .tc-case-quote--open { background:transparent; border:0; border-radius:0; box-shadow:none; padding:0; } .tc-marketing .tc-contact-card .tc-contact-submit { min-height:52px; padding:14px 24px; border:1px solid #1B1C40; border-radius:4px; background:#1B1C40; color:#fff; box-shadow:none; font-family:inherit; font-size:16px; font-weight:600; line-height:1.4; cursor:pointer; transition:background-color .2s,border-color .2s; } .tc-marketing .tc-contact-card .tc-contact-submit:hover { background:#30325A; border-color:#30325A; color:#fff; } .tc-marketing .tc-contact-card .tc-contact-submit:focus-visible { outline:2px solid #21855E; outline-offset:4px; } .tc-marketing .tc-contact-section { background:#fff; padding-top:0; } .tc-marketing .tc-contact-routes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding-top:42px; } .tc-marketing .tc-contact-routes > a { display:flex; min-height:190px; flex-direction:column; gap:11px; padding:28px; border-radius:12px; background:#F3F5F7; background-image:none; color:#161838; text-decoration:none; transition:background-color .2s,transform .2s; } .tc-marketing .tc-contact-routes > a:hover { background:#EAF4EF; color:#161838; transform:translateY(-2px); } .tc-marketing .tc-contact-route-number { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#DDF3E8; color:#176B4B; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; letter-spacing:.08em; } .tc-marketing .tc-contact-routes strong { margin-top:5px; font-size:20px; line-height:1.3; } .tc-marketing .tc-contact-routes strong + span { padding-bottom:0!important; border-bottom:0!important; color:#555D70; font-size:15px; line-height:1.55; } .tc-marketing .tc-contact-routes em { margin-top:auto; color:#176B4B; font-size:14px; font-style:normal; font-weight:600; } .tc-marketing .tc-contact-layout { grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); gap:48px; padding-top:56px; padding-bottom:72px; } .tc-marketing .tc-contact-card { padding:32px; border:1px solid #E2DED4; border-radius:16px; background:#fff; box-shadow:0 18px 50px rgba(22,24,56,.07); } .tc-marketing .tc-contact-card h2 { margin:8px 0 12px; color:#161838; font-size:32px; line-height:1.2; } .tc-marketing .tc-contact-card-intro { max-width:590px; margin:0 0 24px; color:#555D70; font-size:16px; line-height:1.55; } .tc-marketing .tc-contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .tc-marketing .tc-contact-field-full { grid-column:1/-1; } .tc-marketing .tc-contact-card label { display:grid; gap:7px; color:#161838; font-size:14px; font-weight:600; } .tc-marketing .tc-contact-card label small { color:#697084; font-weight:400; } .tc-marketing .tc-contact-card input,.tc-marketing .tc-contact-card textarea,.tc-marketing .tc-contact-card select { min-height:48px; border:1px solid #CBD0DA; border-radius:7px; background:#fff; color:#161838; font:inherit; font-weight:400; } .tc-marketing .tc-contact-card textarea { min-height:110px; } .tc-marketing .tc-contact-card input:focus,.tc-marketing .tc-contact-card textarea:focus,.tc-marketing .tc-contact-card select:focus { border-color:#21855E; outline:2px solid rgba(33,133,94,.22); outline-offset:1px; box-shadow:none; } .tc-marketing .tc-contact-actions { padding-top:20px; } .tc-marketing .tc-contact-privacy { margin:14px 0 0; color:#697084; font-size:13px; text-align:center; } .tc-marketing .tc-contact-aside { display:flex; flex-direction:column; gap:24px; } .tc-marketing .tc-contact-brief { padding:38px; border-radius:16px; background:#1B1C40; color:#fff; } .tc-marketing .tc-contact-brief .tc-mono { color:#4BE0A0; } .tc-marketing .tc-contact-brief h2 { margin:10px 0 20px; color:#fff; font-size:29px; line-height:1.25; } .tc-marketing .tc-contact-brief > p { color:#E2E4ED; } .tc-marketing .tc-contact-brief ul { display:grid; gap:12px; margin:20px 0 26px; padding:0; list-style:none; } .tc-marketing .tc-contact-brief li { position:relative; padding-left:24px; color:#fff; line-height:1.5; } .tc-marketing .tc-contact-brief li::before { content:'✓'; position:absolute; left:0; color:#4BE0A0; font-weight:700; } .tc-marketing .tc-contact-brief .tc-contact-brief-note { padding-top:24px; border-top:1px solid rgba(255,255,255,.18); color:#fff; font-weight:600; } .tc-marketing .tc-contact-explore { padding:6px 0 6px 24px; border-left:3px solid #2ED18A; } .tc-marketing .tc-contact-explore h3 { margin:0 0 8px; color:#161838; font-size:20px; } .tc-marketing .tc-contact-explore > p:not(.tc-mono) { margin:0 0 12px; color:#697084; font-size:14px; line-height:1.55; } .tc-marketing .tc-contact-explore nav { display:flex; flex-wrap:wrap; gap:8px 18px; } .tc-marketing .tc-contact-explore a { color:#161838; text-decoration:none; font-size:14px; font-weight:600; } .tc-marketing .tc-contact-explore a:hover { color:#176B4B; } @media(max-width:900px){.tc-marketing .tc-contact-routes { grid-template-columns:1fr; }.tc-marketing .tc-contact-routes > a { min-height:0; }.tc-marketing .tc-contact-layout { grid-template-columns:1fr; padding-top:48px; }.tc-marketing .tc-contact-aside { display:grid; grid-template-columns:1fr 1fr; align-items:start; }} @media(max-width:640px){.tc-marketing .tc-contact-routes { gap:12px; padding-top:28px; }.tc-marketing .tc-contact-routes > a { padding:24px 22px; }.tc-marketing .tc-contact-layout { gap:24px; padding-top:32px; padding-bottom:48px; }.tc-marketing .tc-contact-card,.tc-marketing .tc-contact-brief { padding:26px 22px; border-radius:12px; }.tc-marketing .tc-contact-card h2 { font-size:27px; }.tc-marketing .tc-contact-fields { grid-template-columns:1fr; }.tc-marketing .tc-contact-field-full { grid-column:auto; }.tc-marketing .tc-contact-aside { grid-template-columns:1fr; }.tc-marketing .tc-contact-explore { padding:4px 0 4px 20px; }} /* Pricing follows the same hierarchy and visual language as employer billing. */ .tc-pricing-stack {display:flex;flex-direction:column;gap:24px;max-width:1180px;margin:48px auto 10px;color:#14203A} .tc-marketing .tc-pricing .tc-pricing-card {background:#fff;border:1px solid #DFE3EA!important;border-radius:20px;padding:36px;box-shadow:none!important} .tc-pricing-eyebrow {margin:0 0 18px;color:#5A6478;font:12px/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase} .tc-payg-panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:68px;align-items:start} .tc-payg-rate {display:flex;align-items:baseline;gap:12px;margin:0 0 18px;color:#14203A} .tc-payg-rate strong {font-size:48px;line-height:1;font-weight:600;letter-spacing:-.04em} .tc-payg-rate span {font-size:16px;font-weight:500} .tc-marketing .tc-pricing .tc-payg-rate [data-per-candidate-amount] {display:inline;margin:0;color:#14203A;font-size:48px;line-height:1;font-weight:600;letter-spacing:-.04em} .tc-payg-description {max-width:550px;margin:0;color:#5A6478;font-size:16px;line-height:1.65} .tc-marketing .tc-pricing .tc-payg-description [data-per-candidate-amount] {display:inline;margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:0} .tc-payg-start {padding-top:5px} .tc-free-heading {display:flex;justify-content:space-between;gap:24px;margin-bottom:15px;font-size:16px} .tc-free-heading strong {font-weight:600} .tc-free-progress {height:7px;border-radius:5px;background:#E8EBF3;overflow:hidden} .tc-free-progress span {display:block;width:0;height:100%;background:#27C989} .tc-payg-start>p {margin:18px 0;color:#14203A;font-size:15px;line-height:1.6} .tc-payg-start .tc-payg-button {display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin-top:28px;border-color:#1B1C40!important;border-radius:10px;background:#1B1C40!important;color:#fff!important;font-size:16px;text-decoration:none} .tc-payg-start .tc-payg-button:hover {border-color:#30325C!important;background:#30325C!important} .tc-payg-start .tc-payg-reassurance {margin:14px 0 0;text-align:center;font-size:14px} .tc-prepaid-header {margin-bottom:24px} .tc-prepaid-title {display:flex;flex-wrap:wrap;align-items:center;gap:12px} .tc-prepaid-title h2 {margin:0;color:#14203A;font-size:27px;line-height:1.25;font-weight:600} .tc-saving-tag {display:inline-block;padding:7px 11px;border-radius:6px;background:#E4F8EE;color:#146344;font-size:13px;font-weight:600;line-height:20px} .tc-saving-tag--small {padding:3px 8px;font-size:12px;line-height:18px} .tc-prepaid-promise {margin:22px 0 0;color:#146344;font-size:17px;font-weight:600} .tc-prepaid-choices {display:flex;flex-direction:column;gap:12px} .tc-marketing .tc-pricing [data-per-candidate] .tc-prepaid-choice {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;width:100%;min-height:0;padding:20px 24px;border:1px solid #DFE3EA;border-radius:12px;background:#fff;color:#14203A;text-decoration:none!important;transition:background-color .15s,border-color .15s,transform .15s} .tc-marketing .tc-pricing [data-per-candidate] .tc-prepaid-choice:hover {border-color:#C9CFDA;background:#F6F7FB;color:#14203A;transform:translateY(-1px)} .tc-prepaid-choice:focus-visible {outline:2px solid #1B1C40;outline-offset:3px} .tc-prepaid-choice-copy {display:flex;flex-direction:column;gap:7px} .tc-prepaid-choice-copy>strong {font-size:17px;font-weight:600} .tc-prepaid-choice-detail {display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#5A6478;font-size:13px} .tc-prepaid-choice-price {display:flex;flex-direction:column;gap:3px;text-align:right} .tc-prepaid-choice-price strong {font-size:23px;font-weight:600} .tc-prepaid-choice-price>span {color:#5A6478;font-size:12px} .tc-custom-quantity {margin-top:24px} .tc-custom-quantity summary {display:inline-flex;align-items:center;gap:12px;cursor:pointer;color:#1B1C40;font-size:15px;font-weight:500} .tc-custom-quantity-fields {margin-top:26px} .tc-custom-quantity-fields label {display:block;margin-bottom:10px;font-size:16px;font-weight:600} .tc-marketing .tc-pricing .tc-custom-quantity-fields input {display:block;width:100%;max-width:320px;padding:14px 16px;border:1px solid #DFE3EA;border-radius:10px;background:#fff;color:#14203A;font:26px/1.2 inherit} .tc-custom-quantity-fields input:focus-visible {outline:2px solid #1B1C40;outline-offset:3px} .tc-custom-quantity-fields input[aria-invalid=true] {border-color:#C45D68} .tc-custom-quantity-fields p {margin:10px 0 0;color:#5A6478;font-size:13px} .tc-custom-quote {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:24px 28px;border-radius:12px;background:#F6F7FB} .tc-custom-quote>div>span {display:block;color:#5A6478;font-size:14px} .tc-custom-quote strong {display:block;margin:6px 0;color:#14203A;font-size:34px;line-height:1.2;font-weight:600} .tc-custom-quote>p {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;color:#146344;font-size:16px} .tc-custom-quote>p>span:first-child {display:inline;color:#146344;font-size:inherit} .tc-custom-quote .tc-saving-tag {display:inline-block;color:#146344} .tc-marketing .tc-pricing [data-per-candidate] .tc-custom-quantity-button {display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin-top:20px;padding:14px 32px;border-radius:10px;background:#1B1C40;color:#fff!important;font-size:16px;font-weight:600;text-decoration:underline!important;text-decoration-color:#2ED18A!important;text-decoration-thickness:2px!important;text-underline-offset:5px} .tc-marketing .tc-pricing [data-per-candidate] .tc-custom-quantity-button:hover {background:#30325C} .tc-prepaid-note {margin:26px 0 0;color:#14203A;font-size:13px;line-height:1.6} .tc-pricing-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:800px){.tc-pricing-stack{margin-top:30px;gap:18px}.tc-pricing-card{padding:24px}.tc-payg-panel{grid-template-columns:1fr;gap:34px}.tc-payg-rate strong{font-size:42px}.tc-prepaid-title h2{font-size:24px}} @media(max-width:560px){.tc-pricing-card{padding:20px;border-radius:16px}.tc-payg-rate{align-items:flex-start;flex-direction:column;gap:8px}.tc-prepaid-choice{grid-template-columns:minmax(0,1fr);padding:17px}.tc-prepaid-choice-price{grid-column:1;text-align:left}.tc-prepaid-choice-arrow{grid-column:2;grid-row:1 / 3}.tc-custom-quote{align-items:flex-start;padding:20px}.tc-custom-quote>p{width:100%}} /* Pricing questions are open and scannable rather than hidden in an accordion. */ .tc-marketing .tc-pricing-faq-section {background:#fff;border-top:1px solid #DFE3EA;border-bottom:1px solid #DFE3EA} .tc-pricing-faq-heading {margin-bottom:32px} .tc-pricing-faq-heading h2 {margin:0} .tc-pricing-faq-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:0} .tc-pricing-faq-grid article {position:relative;padding:28px 0 34px;border:0;border-top:1px solid #DFE3EA;border-radius:0;background:transparent} .tc-pricing-faq-grid article::before {content:"";position:absolute;top:-2px;left:0;width:34px;height:3px;border-radius:2px;background:#2ED18A} .tc-pricing-faq-grid h3 {margin:0;color:#14203A;font-size:19px;line-height:1.35;font-weight:600} .tc-pricing-faq-grid p {margin:12px 0 0;color:#5A6478;font-size:15px;line-height:1.7} @media(max-width:760px){.tc-pricing-faq-grid{grid-template-columns:1fr}.tc-pricing-faq-grid article{padding:24px 0 30px}} /* Buying journey: clear process and an explicit currency choice. */ .tc-buying-step-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px; } .tc-buying-step-grid h3,.tc-buying-report-note h3 { font-size:22px;line-height:1.3;margin:16px 0 12px; } .tc-buying-step-grid p,.tc-buying-report-note p { color:#5a6478;line-height:1.7; } .tc-buying-report-note { display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:42px;padding-top:28px;border-top:1px solid #dfe3ea; } .tc-buying-report-note a { flex-shrink:0; } .tc-price-currency { display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;font-size:14px;color:#5a6478; } .tc-price-currency select { border:1px solid #b5b8c9;background:white;border-radius:6px;padding:10px 30px 10px 12px;color:#14203a; } .tc-marketing .tc-editorial--pricing > .tv2-hero-band .tv2-hero-band__inner { min-height:0;padding-top:32px;padding-bottom:32px; } @media(max-width:760px){.tc-buying-step-grid{grid-template-columns:1fr;gap:20px}.tc-buying-report-note{align-items:flex-start;flex-direction:column}.tc-price-currency{justify-content:flex-start}} .tc-home-report-results{padding:8px 0 20px}.tc-home-report-results .tc-full-report-score{margin-top:18px} .tc-home-report-detail{border-top:1px solid #dfe3ea;padding:20px 0;color:#14203a}.tc-home-report-detail>strong{font-size:14px}.tc-home-report-detail p{font-size:12px;line-height:1.6;color:#5a6478;margin:8px 0 16px}.tc-home-report-detail small{font-size:10px;color:#5a6478}.tc-home-answer-dots{display:flex;gap:6px;margin-bottom:8px}.tc-home-answer-dots i{height:22px;flex:1;background:#27c989;border-radius:3px}.tc-home-answer-dots .is-missed{background:repeating-linear-gradient(135deg,#dfe3ea 0 3px,#b5b8c9 3px 5px)} /* Keep single-select arrows inset consistently across marketing forms. */ .tc-marketing select:not([multiple]):not([size]), .tc-marketing select[size="1"]:not([multiple]) { -webkit-appearance: none; appearance: none; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%2314203a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: right 14px center; background-size: 12px 12px; background-repeat: no-repeat; } @media (forced-colors: active) { .tc-marketing select:not([multiple]):not([size]), .tc-marketing select[size="1"]:not([multiple]) { -webkit-appearance: menulist; appearance: auto; background-image: none; } } /* Compact heroes and a consistent breadcrumb position below the navigation. */ .tc-marketing .tv2-hero-band .tv2-hero-band__inner, .tc-marketing .tc-trust .tv2-hero-band .tv2-hero-band__inner { padding-top:24px; padding-bottom:32px; min-height:0; } .tc-marketing .tc-acquisition .acq-hero { padding:24px 0 32px; } .tc-marketing .tv2-hero-band .tv2-breadcrumb, .tc-marketing .tc-acquisition .acq-hero .tv2-breadcrumb { margin:0 0 20px; } .tc-marketing .tv2-breadcrumb ol { justify-content:flex-start; text-align:left; margin:0; padding:0; flex-wrap:wrap; } .tc-marketing .tc-acquisition .acq-hero .tv2-breadcrumb, .tc-marketing .tc-acquisition .acq-hero .tv2-breadcrumb a, .tc-marketing .tc-acquisition .acq-hero .tv2-breadcrumb [aria-current="page"] { color:#ccd2e0; } .tc-marketing .tc-category-hero-grid, .tc-marketing .tc-tests-hub-hero-grid { padding:0; gap:40px; } .tc-marketing .tc-tests-builder { padding:22px; } .tc-marketing .tc-tests-builder h2 { margin:16px 0 8px; font-size:24px; } .tc-marketing .tc-tests-builder ul { margin:16px 0; } .tc-marketing .tc-tests-builder li { padding:11px 0; } .tc-marketing .tc-tests-builder-bottom { padding:12px; } .tc-marketing .tc-tests-builder .tc-tests-builder-note { margin-top:10px; } .tc-marketing .tc-category-preview { padding:24px; } .tc-marketing .tc-category-preview h2 { margin:18px 0; font-size:26px; } .tc-marketing .tc-category-preview-tests > div { padding:12px 0; } .tc-marketing .tc-acquisition .acq-hero h1 { margin:14px 0 18px; } .tc-marketing .tc-acquisition .acq-hero .acq-intro { line-height:1.6; } .tc-marketing .tc-acquisition .acq-hero .acq-facts { margin-top:18px; } .tc-marketing .tc-acquisition .acq-hero .tv2-btn--primary { margin-top:20px; } .tc-marketing .acq-hero .acq-excel-scorecard { padding:20px 22px; } .tc-marketing .acq-hero .acq-excel-person { padding-bottom:14px; } .tc-marketing .acq-hero .acq-excel-score { margin:16px 0; } .tc-marketing .acq-hero .role-scorecard { padding:24px; } .tc-marketing .acq-hero .role-scorecard-person { padding-bottom:14px; } .tc-marketing .acq-hero .role-scorecard-heading { margin:18px 0; } .tc-marketing .acq-hero .role-result { margin:14px 0; } .tc-marketing .acq-hero .role-scorecard-foot { margin-top:18px; padding:12px; } .tc-marketing .acq-hero .product-dashboard-body { padding:20px; } .tc-marketing .acq-hero .product-window-bar { padding:12px 20px; } .tc-marketing .acq-hero .product-dashboard h2 { font-size:24px; margin:10px 0 14px; } .tc-marketing .acq-hero .product-dashboard-meta { margin-bottom:14px; } .tc-marketing .acq-hero .product-candidate { padding:12px 0; } .tc-marketing .acq-hero .product-score-lines { gap:9px; } .tc-marketing .acq-hero .product-dashboard-foot { margin:14px 0 0; padding:12px; } .tc-marketing .tv2-hero-band:has(.tc-home-hero) .tv2-hero-band__inner { padding-top:32px; padding-bottom:40px; } @media(max-width:900px) { .tc-marketing .tc-category-hero-grid,.tc-marketing .tc-tests-hub-hero-grid { gap:28px; } } @media(max-width:720px) { .tc-marketing .tv2-hero-band .tv2-hero-band__inner, .tc-marketing .tc-trust .tv2-hero-band .tv2-hero-band__inner { padding-top:18px; padding-bottom:28px; } .tc-marketing .tc-acquisition .acq-hero { padding:18px 0 28px; } .tc-marketing .tv2-hero-band .tv2-breadcrumb, .tc-marketing .tc-acquisition .acq-hero .tv2-breadcrumb { margin-bottom:18px; } } /* Eyebrows identify a page or introduce a section; preview UI has its own scale. */ .tc-marketing :is(.tv2-hero__eyebrow,.acq-eyebrow,.tc-pricing-eyebrow,.tc-home-payg-eyebrow) { font-family:'IBM Plex Mono',monospace; font-size:12px!important; font-weight:500; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; color:#526079; margin:0 0 12px; } .tc-marketing .tv2-hero-band .tv2-hero__eyebrow, .tc-marketing .tc-category-hero-grid > div:first-child > .acq-eyebrow, .tc-marketing .acq-hero-grid > div:first-child > .acq-eyebrow, .tc-marketing .acq-report-copy > .acq-eyebrow { color:#3DDC97; } .tc-marketing .acq-hero :is(.role-scorecard,.acq-excel-scorecard,.acq-visual,.product-dashboard) .acq-eyebrow { font-size:9px!important; color:#526079; } @media(max-width:600px){.tc-wordmark{width:214px}} @media(max-width:600px){.tc-marketing .tc-header-actions{display:none}.tc-marketing .tc-mobile-menu{margin-left:auto}} /* Symbol-only footer keeps the existing mark height. */ .tc-footer__brand .tc-footer-symbol { display:block; width:auto; height:48px; margin-bottom:22px; color:#fff; } /* Align desktop navigation optically with the logo wordmark. */ @media(min-width:901px) { .tc-marketing .tc-desktop-nav, .tc-marketing .tc-header-actions { transform:translateY(3px); } } /* Approved CTA feedback: preserve fills and underline the label. */ .tc-marketing a:is(.tv2-btn--primary,.tv2-btn--getpro):is(:hover,:focus-visible) {background:var(--tc-ink);border-color:var(--tc-ink);color:#fff;text-decoration:underline;text-decoration-color:#2ED18A;text-decoration-thickness:2px;text-underline-offset:5px} .tc-marketing :is(.tv2-header,.tv2-hero-band,.tc-closer) a:is(.tv2-btn--primary,.tv2-btn--getpro):is(:hover,:focus-visible) {background:#fff;border-color:#fff;color:#12141A} .tc-marketing a:is(.tv2-btn--primary,.tv2-btn--getpro) > span {border-bottom:0!important} .tc-marketing a:not([class*="tv2-btn--"]):hover > span:not([class]):not([aria-hidden]),.tc-marketing a:hover .tc-link-label {border-bottom-color:#2ED18A!important} .tc-marketing :is(.markdown,.tc-prose) a:hover {text-decoration-color:#2ED18A} .tc-marketing :focus-visible {outline:2px solid #2ED18A;outline-offset:4px} .tc-marketing a:not([class*="tv2-btn--"]) > span:not([class]):not([aria-hidden]),.tc-marketing .tc-link-label {border-bottom-color:currentColor} .tc-marketing .tc-desktop-nav a > span {border-bottom-color:transparent!important} /* Home has no editorial stylesheet: share the same hero entrance. */ .tc-marketing .tv2-hero-band:has(.tc-home-hero) .tv2-hero-band__inner {padding-top:40px;padding-bottom:40px} .tc-marketing .tc-home-hero {align-items:start} @media(max-width:700px){.tc-marketing .tv2-hero-band:has(.tc-home-hero) .tv2-hero-band__inner {padding-top:28px;padding-bottom:28px}} /* One quiet visual treatment and desktop height across marketing heroes. */ .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) { background-color:#191e3b; background-image:linear-gradient(115deg,#191e3b 0%,#202746 100%); } .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero):has(.tc-hero-full-report,.tc-tests-builder,.tc-category-preview,.acq-visual,.role-scorecard,.acq-excel-scorecard) { background-image:radial-gradient(ellipse at 82% 45%,rgba(46,209,138,.07),transparent 52%),linear-gradient(115deg,#191e3b 0%,#202746 100%); } @media(min-width:1024px) { .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) {box-sizing:border-box;min-height:460px} } @media(min-width:1024px) { .tc-marketing #main-content :is(.tc-home-hero,.acq-hero-grid,.tc-tests-hub-hero-grid,.tc-category-hero-grid,.tc-core-hero-grid) > :last-child { zoom:.75; justify-self:center; } } @media(min-width:1024px) { .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) .tv2-hero-band__inner {padding-top:34px;padding-bottom:20px} .tc-marketing #main-content .acq-hero {padding-top:34px;padding-bottom:20px} .tc-marketing #main-content .tc-core-hero-grid > .tc-core-hero-panel {width:75%} } @media(min-width:1024px) { .tc-marketing #main-content .tc-category-hero .tv2-hero-band__inner {padding-bottom:12px} } @media(min-width:1024px) { .tc-marketing #main-content .tc-category-hero .tv2-hero__intro {margin-bottom:14px} .tc-marketing #main-content .tc-category-hero .tc-category-hero-tags {margin-top:10px} .tc-marketing #main-content .tc-category-hero .tv2-hero__ctas {margin-top:14px} } @media(min-width:1024px) { .tc-marketing #main-content .tc-editorial--about .tc-core-hero-panel {padding-bottom:30px} } /* Homepage report composition: one entrance, then a still, layered visual. */ .tc-marketing #main-content .tc-home-hero > .tc-impact-visual {zoom:1;width:100%;max-width:480px;justify-self:center;position:relative;height:400px;isolation:isolate} .tc-impact-glow {position:absolute;inset:8% 0;z-index:-1;background:radial-gradient(ellipse,rgba(46,209,138,.18),transparent 68%);filter:blur(20px)} .tc-impact-report {position:absolute;top:8px;left:4%;width:88%;border-radius:12px;background:#fff;box-shadow:0 24px 55px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.2);overflow:hidden;transform:rotate(-2deg);animation:tc-report-enter .7s cubic-bezier(.2,.8,.2,1) both} .tc-impact-top {display:flex;align-items:center;gap:10px;background:#252c49;color:#fff;padding:13px 18px;font-size:12px;font-weight:600} .tc-impact-top img {width:30px;height:24px}.tc-impact-example {margin-left:auto;color:#c8d2df;font-size:10px;font-weight:400} .tc-impact-body {padding:20px 22px;color:#14203a} .tc-impact-person {display:flex;align-items:center;gap:12px;margin-bottom:20px} .tc-impact-avatar {width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e6f5ee;color:#197453;font-size:12px;font-weight:600} .tc-impact-person > div {display:grid;gap:4px}.tc-impact-person strong{font-size:16px}.tc-impact-person > div > span{font-size:11px;color:#627086} .tc-impact-complete{margin-left:auto;color:#197453;font-size:10px} .tc-marketing .tc-impact-label {font:9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#627086;margin:0 0 14px} .tc-impact-result {margin-bottom:14px}.tc-impact-result > div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px}.tc-impact-result strong{font-size:14px}.tc-impact-result small{font-size:10px;margin-left:2px;color:#627086} .tc-impact-track {height:6px;border-radius:5px;background:#eaf0ee;overflow:hidden}.tc-impact-track > span{display:block;width:var(--score);height:100%;background:linear-gradient(90deg,#16ad83,#2ed18a);border-radius:5px;transform-origin:left;animation:tc-score-enter .8s cubic-bezier(.2,.8,.2,1) var(--delay) both} .tc-impact-foot {display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e7eeeb;padding-top:12px;margin-top:17px;font-size:9px;color:#627086} .tc-impact-insight {position:absolute;right:-1%;bottom:30px;display:flex;align-items:center;gap:14px;max-width:95%;box-sizing:border-box;background:#fff;border:1px solid #cbe8da;border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.22);padding:18px 20px;color:#14203a;animation:tc-insight-enter .65s cubic-bezier(.2,.8,.2,1) .35s both} .tc-impact-insight-icon {display:grid;place-items:center;flex:none;width:36px;height:36px;background:#e1f7ee;color:#14875b;border-radius:10px;font-size:23px} .tc-impact-insight > div{display:grid;gap:5px}.tc-marketing .tc-impact-insight p{font:8px/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#197453;margin:0}.tc-impact-insight strong{font-size:16px}.tc-impact-insight div > span{font-size:10px;color:#627086}.tc-impact-insight svg{width:48px;height:32px;color:#16ad83;flex:none} .tc-impact-caption {position:absolute;bottom:0;left:4%;color:#b7c5d1;font-size:9px} @keyframes tc-report-enter{from{opacity:0;transform:translateY(14px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}} @keyframes tc-score-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes tc-insight-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} @media(max-width:540px){.tc-marketing #main-content .tc-home-hero > .tc-impact-visual{height:390px;max-width:380px}.tc-impact-body{padding:18px 16px}.tc-impact-report{left:0;width:94%}.tc-impact-insight{right:0;padding:15px 14px;gap:10px;bottom:26px}.tc-impact-insight svg{display:none}.tc-impact-caption{left:0;font-size:8px}.tc-impact-complete{font-size:9px}.tc-impact-foot{font-size:8px}} @media(prefers-reduced-motion:reduce){.tc-impact-report,.tc-impact-insight,.tc-impact-track > span{animation:none}} .tc-impact-result {line-height:1.3;margin-bottom:12px} .tc-impact-person {line-height:1.3} .tc-impact-caption {font-size:8px} @media(max-width:540px){.tc-impact-report{left:3%;width:90%}.tc-impact-insight{max-width:94%}.tc-impact-glow{inset:8% 0}} /* Smaller report, cleaner corners and a stronger layered silhouette. */ .tc-marketing #main-content .tc-home-hero > .tc-impact-visual {max-width:410px;height:350px;margin-top:12px} .tc-impact-report {background:#252c49;border:0;border-radius:14px;transform:rotate(-3deg);overflow:hidden;clip-path:inset(0 round 14px);box-shadow:0 28px 50px rgba(0,0,0,.32)} .tc-impact-body {background:#fff;border-radius:0 0 14px 14px;padding:16px 20px} .tc-impact-top {background:linear-gradient(120deg,#252c49,#344363);padding:12px 18px} .tc-impact-result {margin-bottom:10px} .tc-impact-track {height:7px}.tc-impact-track > span {background:linear-gradient(90deg,#079b78,#2ed18a)} .tc-impact-insight {right:-3%;bottom:8px;padding:16px 18px;border:1px solid #73d8b0;border-left:4px solid #2ed18a;background:linear-gradient(110deg,#fff,#effbf5);box-shadow:0 18px 38px rgba(0,0,0,.3)} .tc-impact-glow {inset:0;background:radial-gradient(ellipse at 65% 55%,rgba(46,209,138,.23),transparent 68%)} .tc-impact-caption {bottom:-17px} @keyframes tc-report-enter{from{opacity:0;transform:translateY(14px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}} @media(max-width:540px){.tc-marketing #main-content .tc-home-hero > .tc-impact-visual{max-width:310px;height:350px;margin-top:0}.tc-impact-insight{right:0;padding:14px 12px}.tc-impact-body{padding:16px 14px}.tc-impact-caption{bottom:-12px}} /* Restrained accents for the homepage report. */ .tc-impact-top {background:#252c49} .tc-impact-insight {border:1px solid #dfe8e4;background:#fff} .tc-impact-glow {background:radial-gradient(ellipse at 65% 55%,rgba(46,209,138,.07),transparent 68%)} .tc-impact-track > span {background:#19ba8a} @media(min-width:1024px) { .tc-marketing #main-content .tc-home-hero {grid-template-columns:minmax(0,3fr) minmax(0,2fr)} } @media(min-width:1024px) { .tc-marketing #main-content .tc-home-hero {grid-template-columns:minmax(0,3fr) minmax(0,2fr)} .tc-marketing #main-content .tc-home-hero > .tc-impact-visual {justify-self:start} } /* Shared approved desktop composition across two-column marketing heroes. */ @media(min-width:1024px) { .tc-marketing #main-content :is(.acq-hero-grid,.tc-tests-hub-hero-grid,.tc-category-hero-grid,.tc-core-hero-grid,.tc-test-hero:has(> :nth-child(2)),.tc-trust-story-hero) { grid-template-columns:minmax(0,3fr) minmax(0,2fr); } .tc-marketing #main-content :is(.acq-hero-grid,.tc-tests-hub-hero-grid,.tc-category-hero-grid,.tc-core-hero-grid,.tc-test-hero:has(> :nth-child(2)),.tc-trust-story-hero) > :last-child { justify-self:start; margin-left:0; } } @media(min-width:1024px) { .tc-marketing #main-content .tc-core-hero-grid > .tc-core-hero-panel {width:100%} } /* Green primary hero action with white lettering. */ .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) a.tv2-btn--primary { background:#2ED18A; border-color:#2ED18A; color:#fff; } .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) a.tv2-btn--primary:is(:hover,:focus-visible) { background:#25BD7C; border-color:#25BD7C; color:#fff; } .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) a.tv2-btn--primary:is(:hover,:focus-visible), .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) a.tv2-btn--primary:is(:hover,:focus-visible) span { text-decoration-color:#fff; border-bottom-color:#fff; } .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) :is(.tc-reassurance,.acq-reassurance) { color:#fff; font-weight:700; font-size:12px; } /* The sample report, one click from the first screen (TC journey, 19 Oct 2026). */ .tc-marketing #main-content .acq-hero .acq-reassurance .acq-reassurance__link { color:#fff; font-weight:700; text-decoration:underline; text-decoration-color:#2ED18A; text-underline-offset:3px; } .tc-marketing #main-content .acq-hero .acq-reassurance .acq-reassurance__link:is(:hover,:focus-visible) { text-decoration-color:#fff; } /* Hero CTA hover changes only the label underline. */ .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) a.tv2-btn--primary, .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) a.tv2-btn--primary:hover { background:#2ED18A; border-color:#2ED18A; color:#fff; transform:none; box-shadow:none; } .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) a.tv2-btn--primary:hover { text-decoration:underline; text-decoration-color:#fff; } /* The hero button and the line beneath it sit on the heading's left edge (Guy, 20 Oct 2026). */ .tc-marketing .tc-hero-action {display:inline-flex;flex-direction:column;align-items:flex-start;max-width:100%} .tc-marketing #main-content .tc-hero-action :is(.tc-reassurance,.acq-reassurance) {text-align:left;align-self:stretch;margin-top:12px} .tc-marketing .tc-headline-emphasis {text-decoration:underline;text-decoration-color:#2ED18A;text-decoration-thickness:3px;text-underline-offset:8px;text-decoration-skip-ink:none} /* Use the homepage typography for every marketing hero. */ .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) h1 { font-family:inherit; font-size:clamp(38px,4.6vw,58px); font-weight:500; line-height:1.06; letter-spacing:-.03em; margin-top:0; margin-bottom:26px; } .tc-marketing #main-content :is(.tv2-hero-band .tv2-hero__intro,.acq-hero .acq-intro) { font-family:inherit; font-size:19px; font-weight:400; line-height:1.6; letter-spacing:normal; margin-top:0; margin-bottom:28px; } .tc-marketing #main-content .acq-hero .tv2-btn--primary {margin-top:0} @media(max-width:720px) { .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) h1 {font-size:38px} } @media(min-width:1024px) { .tc-marketing #main-content .tc-category-hero .tv2-hero__ctas {margin-top:8px} } /* Anchor hero actions to the same left edge as the heading and copy. */ .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) .tv2-hero__ctas { justify-content:flex-start; align-items:flex-start; margin-inline:0; text-align:left; } .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) .tc-hero-action { align-self:flex-start; justify-self:start; margin-inline:0; } .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) :is(h1,.tv2-hero__intro,.acq-intro) { margin-inline:0; text-align:left; } /* A varied library of test tiles, distinct from the product and report visuals. */ .tc-marketing #main-content .tc-tests-hub-hero-grid > .tc-library-visual {zoom:1;justify-self:start;width:100%;max-width:410px;height:350px;position:relative;margin-top:12px} .tc-library-tiles {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:92%;margin-left:4%;transform:rotate(-4deg)} .tc-library-tile {height:104px;padding:12px 15px;border-radius:11px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 24px rgb(0 0 0 / 12%);animation:tc-library-tile-enter .65s both;animation-delay:var(--tile-delay);line-height:1.2} .tc-library-tile > span {font:8px/1.3 'IBM Plex Mono',monospace;letter-spacing:.1em}.tc-library-tile svg {width:66px;height:42px;align-self:center}.tc-library-tile strong {font-size:11px;font-weight:500} .tc-library-tile--aptitude {background:#e2f6ed;color:#167250;--tile-delay:0s} .tc-library-tile--personality {background:#e8e4fa;color:#6951a7;transform:translateY(10px);--tile-delay:.1s} .tc-library-tile--coding {background:#2c3553;color:#e1e8ff;--tile-delay:.2s} .tc-library-tile--language {background:#f9ecd5;color:#926522;transform:translateY(10px);--tile-delay:.3s} .tc-library-tile--software {background:#deedf9;color:#386b94;--tile-delay:.4s} .tc-library-tile--soft {background:#f8e1e4;color:#9b5060;transform:translateY(10px);--tile-delay:.5s} @keyframes tc-library-tile-enter {from{opacity:0;translate:0 12px;scale:.97}to{opacity:1;translate:0 0;scale:1}} @media(max-width:540px){.tc-marketing #main-content .tc-tests-hub-hero-grid > .tc-library-visual{max-width:310px;height:350px;margin-top:12px}.tc-library-tiles{width:94%;margin-left:3%;gap:10px}.tc-library-tile{padding:11px;height:104px}.tc-library-tile strong{font-size:10px}} @media(prefers-reduced-motion:reduce){.tc-library-tile{animation:none}} /* Pricing uses a simple free-to-PAYG path, rather than a report or app window. */ .tc-marketing #main-content .tc-core-hero-grid > .tc-payg-visual {zoom:1;justify-self:start;width:100%;max-width:410px;height:350px;margin-top:12px;position:relative;line-height:1.3} .tc-payg-start {position:relative;background:#e3f8ee;border-radius:16px;padding:25px 23px;color:#163e32;transform:rotate(-3deg);box-shadow:0 18px 35px rgb(0 0 0 / 15%);display:grid;gap:9px;animation:tc-payg-enter .6s both} .tc-payg-kicker {font:9px/1.4 'IBM Plex Mono',monospace;letter-spacing:.1em} .tc-payg-start > strong {font-size:32px;font-weight:500;line-height:1.1;letter-spacing:-.03em}.tc-payg-start > span:last-of-type {font-size:12px;max-width:220px} .tc-payg-free-mark {position:absolute;right:20px;top:22px;width:76px;height:76px;border-radius:50%;background:#2ed18a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#163e32;font-size:32px;font-weight:500;line-height:1}.tc-payg-free-mark span {font:7px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;margin-top:7px} .tc-payg-connector {height:61px;display:flex;align-items:center;gap:11px;color:#c4cfdd;padding-left:35px;font-size:10px}.tc-payg-connector > span:first-child {display:none}.tc-payg-connector svg {height:28px;width:24px;color:#2ed18a;animation:tc-payg-arrow .5s .4s both} .tc-payg-next {display:flex;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:24px 22px;color:#19253b;box-shadow:0 18px 35px rgb(0 0 0 / 18%);margin-left:22px;transform:rotate(2deg);animation:tc-payg-enter .6s .4s both}.tc-payg-next > div:last-child {display:grid;gap:8px}.tc-payg-next .tc-payg-kicker {color:#197453}.tc-payg-next strong {font-size:23px;font-weight:500;line-height:1.15;letter-spacing:-.02em}.tc-payg-next div > span:last-child {font-size:11px;color:#627086}.tc-payg-next-icon {width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:10px;background:#edf5f1;color:#197453}.tc-payg-next-icon svg {width:28px;height:28px} .tc-payg-promise {display:flex;justify-content:center;gap:20px;padding:24px 0 0;color:#fff;font-size:11px;font-weight:500;animation:tc-payg-enter .5s .8s both} /* Movement only: the pricing cards are the page's content, so they are visible from the first paint whether or not an animation frame ever runs. */ @keyframes tc-payg-enter {from{translate:0 12px}to{translate:0 0}} @keyframes tc-payg-arrow {from{translate:0 -6px}to{translate:0 0}} @media(max-width:540px){.tc-marketing #main-content .tc-core-hero-grid > .tc-payg-visual {max-width:310px;height:350px}.tc-payg-start{padding:23px 18px}.tc-payg-start > strong{font-size:29px}.tc-payg-free-mark{width:64px;height:64px;right:15px;font-size:28px}.tc-payg-start > span:last-of-type{max-width:170px;font-size:11px}.tc-payg-next{margin-left:10px;padding:23px 16px;gap:10px}.tc-payg-next strong{font-size:21px}.tc-payg-promise{gap:14px;font-size:10px}} @media(prefers-reduced-motion:reduce){.tc-payg-visual *{animation:none!important}} .tc-payg-free-mark [data-pricing-hero-zero] {font:inherit;letter-spacing:inherit;margin-top:0} /* Customers: a testimonial collage with independent logo shapes. */ .tc-marketing #main-content .tc-core-hero-grid > .tc-customers-visual {zoom:1;justify-self:start;width:100%;max-width:410px;height:350px;margin-top:12px;position:relative;line-height:1.3} .tc-customer-mark {position:absolute;display:grid;place-items:center;background:#fff;box-shadow:0 14px 28px rgb(0 0 0 / 18%);animation:tc-customer-arrive .6s both}.tc-customer-mark svg{width:75%;height:65%;max-height:50px}.tc-customer-mark--first {left:2%;top:0;width:128px;height:72px;border-radius:12px;transform:rotate(-8deg)}.tc-customer-mark--intel {right:2%;top:8px;width:82px;height:82px;border-radius:50%;animation-delay:.15s} .tc-customer-quote {position:absolute;left:7%;right:6%;top:75px;margin:0;padding:24px;background:#fff;border-radius:16px;box-shadow:0 22px 40px rgb(0 0 0 / 23%);transform:rotate(-2deg);animation:tc-customer-arrive .6s .25s both}.tc-customer-quote-logo svg{width:126px;height:32px}.tc-customer-quote-symbol{position:absolute;right:20px;top:15px;color:#2ed18a;font-size:68px;line-height:1;font-weight:500}.tc-marketing .tc-customer-quote blockquote{margin:18px 0 16px;color:#19253b;font-size:18px;line-height:1.45;font-weight:500;letter-spacing:-.01em}.tc-customer-quote figcaption {font-size:10px;line-height:1.5;color:#627086} .tc-customer-evidence {position:absolute;bottom:0;left:15%;right:0;display:flex;align-items:center;gap:12px;background:#e3f8ee;padding:15px 16px;border-radius:11px;box-shadow:0 12px 28px rgb(0 0 0 / 18%);animation:tc-customer-arrive .6s .55s both}.tc-customer-evidence > span{color:#14875b;font-size:25px}.tc-customer-evidence > div{display:grid;gap:5px}.tc-customer-evidence strong{color:#163e32;font-size:12px;font-weight:500}.tc-customer-evidence div > span{color:#527365;font-size:9px} @keyframes tc-customer-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}} @media(max-width:540px){.tc-marketing #main-content .tc-core-hero-grid > .tc-customers-visual{max-width:310px;height:360px}.tc-customer-quote{left:2%;right:2%;padding:21px}.tc-marketing .tc-customer-quote blockquote{font-size:17px}.tc-customer-evidence{left:8%;padding:14px}.tc-customer-evidence strong{font-size:11px}} @media(prefers-reduced-motion:reduce){.tc-customers-visual *{animation:none!important}} /* Blog uses a magazine composition, distinct from platform and customer visuals. */ .tc-marketing #main-content .tc-core-hero-grid > .tc-blog-visual {zoom:1;justify-self:start;width:100%;max-width:410px;height:350px;margin-top:12px;position:relative;line-height:1.3} .tc-blog-sheet {position:absolute;left:17%;top:8px;width:69%;height:299px;border-radius:5px;background:#f3eee3;transform:rotate(7deg);padding:20px;color:#637064;box-shadow:0 12px 25px rgb(0 0 0 / 15%);animation:tc-blog-arrive .7s both}.tc-blog-sheet > span{font:8px 'IBM Plex Mono',monospace;letter-spacing:.15em}.tc-blog-print-lines{height:205px;margin-top:22px;background:repeating-linear-gradient(to bottom,transparent 0 14px,#d5d9cc 14px 15px)} .tc-blog-cover {position:absolute;left:5%;top:0;width:73%;height:310px;background:#e7f3ed;border-radius:5px;padding:20px 22px;color:#1a4337;transform:rotate(-5deg);box-shadow:0 22px 40px rgb(0 0 0 / 23%);overflow:hidden;animation:tc-blog-arrive .7s .12s both}.tc-blog-masthead{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #a8c9ba;padding-bottom:11px;font:7px/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em}.tc-blog-cover > strong{display:block;font-size:29px;line-height:1.07;letter-spacing:-.035em;font-weight:500;margin-top:18px;position:relative;z-index:1}.tc-blog-cover em{font-style:normal;text-decoration:underline;text-decoration-color:#2ed18a;text-decoration-thickness:3px;text-underline-offset:4px}.tc-blog-cover-art{position:absolute;width:126px;height:100px;right:-12px;bottom:37px;color:#4da984;opacity:.65}.tc-blog-cover-foot{position:absolute;bottom:19px;left:22px;right:22px;display:grid;gap:7px}.tc-blog-cover-foot > span:first-child{font:6px/1.4 'IBM Plex Mono',monospace;letter-spacing:.04em}.tc-blog-cover-foot > span:last-child{font-size:10px} .tc-blog-clipping{position:absolute;right:0;bottom:0;left:25%;background:#fff;border-radius:8px;padding:16px 18px;color:#19253b;box-shadow:0 18px 34px rgb(0 0 0 / 22%);transform:rotate(3deg);animation:tc-blog-arrive .6s .5s both}.tc-blog-clipping > span{font:8px/1.4 'IBM Plex Mono',monospace;letter-spacing:.09em;color:#197453}.tc-blog-clipping > strong{display:block;font-size:16px;line-height:1.25;font-weight:500;margin:9px 0 12px}.tc-blog-clipping > div{display:flex;align-items:center;gap:7px;font-size:8px;color:#627086}.tc-blog-clipping i{width:6px;height:6px;border-radius:50%;background:#2ed18a;flex:none} @keyframes tc-blog-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}} @media(max-width:540px){.tc-marketing #main-content .tc-core-hero-grid > .tc-blog-visual{max-width:310px;height:350px}.tc-blog-cover{padding:18px;height:310px}.tc-blog-cover > strong{font-size:26px}.tc-blog-masthead{font-size:6px}.tc-blog-clipping{left:18%;padding:15px}.tc-blog-clipping > strong{font-size:14px}.tc-blog-cover-foot{left:18px;right:18px}.tc-blog-cover-art{width:100px}} @media(prefers-reduced-motion:reduce){.tc-blog-visual *{animation:none!important}} /* About puts the person at the centre of different kinds of evidence. */ .tc-marketing #main-content .tc-core-hero-grid > .tc-about-visual {zoom:1;justify-self:start;width:100%;max-width:410px;height:350px;margin-top:12px;position:relative;line-height:1.3} .tc-about-orbit {position:absolute;width:100%;height:100%;inset:0} .tc-about-person {position:absolute;left:30%;top:73px;width:42%;height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #526079;border-radius:90px;background:#252e49;box-shadow:0 18px 40px rgb(0 0 0 / 20%);animation:tc-about-enter .7s both}.tc-about-person svg{width:85px;height:103px}.tc-about-person strong{color:#fff;font-size:14px;font-weight:500;text-align:center;line-height:1.25;margin-top:10px} .tc-about-insight {position:absolute;display:grid;gap:9px;padding:17px 16px;border-radius:12px;width:150px;box-shadow:0 14px 30px rgb(0 0 0 / 18%);animation:tc-about-enter .65s both}.tc-about-insight > span{font:8px/1.4 'IBM Plex Mono',monospace;letter-spacing:.06em}.tc-about-insight svg{width:60px;height:32px}.tc-about-insight strong{font-size:12px;font-weight:500}.tc-about-insight--aptitude{left:0;top:25px;background:#e2f6ed;color:#197453;transform:rotate(-7deg);animation-delay:.2s}.tc-about-insight--skills{right:0;top:5px;background:#deedf9;color:#386b94;transform:rotate(6deg);animation-delay:.35s}.tc-about-insight--personality{right:6%;bottom:0;background:#e8e4fa;color:#6951a7;transform:rotate(3deg);animation-delay:.5s} @keyframes tc-about-enter{from{opacity:0;translate:0 10px;scale:.97}to{opacity:1;translate:0 0;scale:1}} @media(max-width:540px){.tc-marketing #main-content .tc-core-hero-grid > .tc-about-visual{max-width:310px;height:350px}.tc-about-insight{width:128px;padding:15px 13px}.tc-about-insight strong{font-size:11px}.tc-about-insight > span{font-size:7px}.tc-about-person{left:27%;width:46%;top:90px}.tc-about-insight--personality{right:0}.tc-about-person strong{font-size:12px}} @media(prefers-reduced-motion:reduce){.tc-about-visual *{animation:none!important}} .tc-about-person {top:62px;height:178px} @media(max-width:540px){.tc-about-person{top:74px;height:178px}} /* Centre each insight and give the person a more considered portrait. */ .tc-about-insight {justify-items:center;text-align:center} .tc-about-person {top:63px;height:178px;background:transparent;border:0;box-shadow:none;border-radius:0} .tc-about-person .tc-about-portrait {width:112px;height:120px} .tc-about-person strong {font-size:12px;margin-top:9px;line-height:1.3} @media(max-width:540px){.tc-about-person{top:76px}.tc-about-person .tc-about-portrait{width:102px;height:110px}} .tc-about-person .tc-about-portrait-3d {width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 8px 12px rgb(0 0 0 / 18%))} .tc-about-person:has(.tc-about-portrait-3d) {height:190px;top:57px} @media(max-width:540px){.tc-about-person .tc-about-portrait-3d{width:126px;height:126px}.tc-about-person:has(.tc-about-portrait-3d){top:71px;height:178px}} .tc-about-person:has(.tc-about-portrait-3d) {top:40px} @media(max-width:540px){.tc-about-person:has(.tc-about-portrait-3d){top:58px}} /* Contact is a conversation, with an envelope and two contrasting messages. */ .tc-marketing #main-content .tc-core-hero-grid > .tc-contact-visual {zoom:1;justify-self:start;width:100%;max-width:410px;height:350px;margin-top:12px;position:relative;line-height:1.3} .tc-contact-envelope{position:absolute;width:170px;height:130px;right:0;top:0;transform:rotate(12deg);animation:tc-contact-enter .7s both}.tc-contact-envelope svg{width:100%;height:100%} .tc-contact-message{position:absolute;border-radius:16px;padding:23px;box-shadow:0 18px 34px rgb(0 0 0 / 20%);animation:tc-contact-enter .65s both}.tc-contact-message--question{left:0;top:24px;width:73%;background:#e8e4fa;color:#544382;transform:rotate(-4deg);animation-delay:.12s}.tc-contact-message--question:after{content:'';position:absolute;bottom:-10px;left:24px;border-top:16px solid #e8e4fa;border-right:17px solid transparent}.tc-contact-message-label{font:8px/1.4 'IBM Plex Mono',monospace;letter-spacing:.1em}.tc-contact-message--question strong{display:block;font-size:23px;font-weight:500;line-height:1.15;margin-top:12px;letter-spacing:-.02em}.tc-contact-question-mark{position:absolute;right:22px;top:42px;font-size:48px;line-height:1;color:#a598cd;font-weight:500} .tc-contact-message--reply{right:0;top:171px;width:84%;background:#fff;color:#19253b;transform:rotate(2deg);animation-delay:.4s}.tc-contact-message--reply:after{content:'';position:absolute;right:24px;bottom:-10px;border-top:16px solid #fff;border-left:17px solid transparent}.tc-contact-team-mark{display:flex;align-items:center;gap:9px;font:7px/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#627086}.tc-contact-team-mark img{background:#252c49;padding:4px;border-radius:5px;width:30px;height:27px}.tc-contact-message--reply > strong{display:block;font-size:23px;line-height:1.15;font-weight:500;margin-top:15px;letter-spacing:-.02em}.tc-marketing .tc-contact-message--reply p{font-size:12px;line-height:1.5;margin:11px 0 13px;color:#627086}.tc-contact-typing{display:flex;gap:4px}.tc-contact-typing i{width:5px;height:5px;border-radius:50%;background:#2ed18a;animation:tc-contact-dot .6s ease-in-out 1s 2}.tc-contact-typing i:nth-child(2){animation-delay:1.12s}.tc-contact-typing i:nth-child(3){animation-delay:1.24s} .tc-contact-delivered{position:absolute;left:24%;bottom:-21px;color:#c4cfdd;font-size:10px;display:flex;align-items:center;gap:7px;animation:tc-contact-enter .5s .8s both}.tc-contact-delivered > span{color:#2ed18a;font-size:14px} @keyframes tc-contact-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}} @keyframes tc-contact-dot{50%{translate:0 -3px;opacity:.5}} @media(max-width:540px){.tc-marketing #main-content .tc-core-hero-grid > .tc-contact-visual{max-width:310px;height:375px}.tc-contact-message{padding:20px}.tc-contact-message--question{width:80%}.tc-contact-message--question strong{font-size:21px}.tc-contact-question-mark{right:17px;font-size:40px}.tc-contact-message--reply{width:89%;top:170px}.tc-contact-message--reply > strong{font-size:21px}.tc-contact-delivered{bottom:0;left:18%}} @media(prefers-reduced-motion:reduce){.tc-contact-visual *{animation:none!important}} /* Each test family has its own visual language within the shared hero scale. */ .tc-marketing #main-content :is(.tc-category-hero-grid,.tc-core-hero-grid) > .tc-category-art{zoom:1;justify-self:start;width:100%;max-width:410px;height:350px;margin-top:12px;position:relative;line-height:1.3;color:#19253b} .tc-category-art > :not(svg){animation:tc-family-enter .7s both}.tc-category-art > :nth-child(2){animation-delay:.25s}.tc-category-art > :nth-child(3){animation-delay:.4s} .tc-art-puzzle{position:absolute;left:5%;right:12%;top:0;background:#e4f5ee;border-radius:15px;padding:22px;transform:rotate(-5deg);box-shadow:0 20px 35px #0003}.tc-art-puzzle > span{font:8px monospace;letter-spacing:.1em;color:#197453}.tc-art-pattern{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.tc-art-pattern i{display:grid;place-items:center;height:60px;border-radius:8px;background:#fff;color:#247a5a;font-size:30px;font-style:normal}.tc-art-pattern i:nth-child(3n){color:#6951a7}.tc-art-pattern .tc-art-answer{background:#2ed18a;color:#163e32} .tc-art-note{position:absolute;bottom:0;right:0;left:18%;background:#fff;padding:20px;border-radius:11px;box-shadow:0 15px 30px #0003;display:grid;gap:7px;transform:rotate(2deg)}.tc-art-note strong{font-size:20px;font-weight:500}.tc-art-note > span{font-size:11px;color:#627086} .tc-art-terminal{position:absolute;top:20px;left:2%;right:4%;background:#252e49;border:1px solid #53617c;border-radius:13px;box-shadow:0 22px 35px #0004;transform:rotate(-3deg);overflow:hidden}.tc-art-terminal > div{display:flex;gap:5px;align-items:center;padding:15px;border-bottom:1px solid #53617c}.tc-art-terminal i{width:6px;height:6px;border-radius:50%;background:#7c89a3}.tc-art-terminal > div > span{font:10px monospace;margin-left:auto;color:#bcc8df}.tc-art-terminal pre{font:12px/1.9 monospace;padding:19px;color:#fff;margin:0;white-space:pre}.tc-art-terminal pre span{color:#8390a9;margin-right:8px}.tc-art-terminal em{font-style:normal;color:#2ed18a}.tc-marketing .tc-art-terminal p{font:11px monospace;padding:14px 20px;margin:0;background:#1c253d;color:#c3cede}.tc-art-terminal p span{color:#2ed18a}.tc-art-code-symbol{position:absolute;right:0;bottom:0;padding:17px 24px;background:#e4f5ee;color:#197453;font:38px monospace;border-radius:12px;transform:rotate(6deg);box-shadow:0 15px 30px #0003} .tc-art-language{position:absolute;padding:24px 28px;border-radius:18px;display:grid;gap:10px;box-shadow:0 16px 30px #0003}.tc-art-language:after{content:'';position:absolute;bottom:-12px;left:25px;border-top:18px solid var(--bubble);border-right:20px solid transparent}.tc-art-language > span{font-size:36px;font-weight:500;letter-spacing:-.03em}.tc-art-language small{font:8px monospace;letter-spacing:.12em}.tc-art-language--one{left:0;top:0;background:#f9ecd5;color:#926522;--bubble:#f9ecd5;transform:rotate(-7deg)}.tc-art-language--two{right:0;top:96px;background:#e8e4fa;color:#6951a7;--bubble:#e8e4fa;transform:rotate(4deg)}.tc-art-language--three{left:9%;top:205px;background:#e2f6ed;color:#197453;--bubble:#e2f6ed;transform:rotate(-3deg)}.tc-art-language-caption{position:absolute;right:0;bottom:0;color:#c4cfdd;font-size:10px} .tc-art-sheet{position:absolute;left:3%;right:3%;top:20px;padding:22px;background:#fff;border-radius:12px;transform:rotate(-4deg);box-shadow:0 20px 35px #0003}.tc-art-sheet > div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tc-art-sheet strong{font-size:19px;font-weight:500}.tc-art-sheet div > span{font:8px monospace;color:#197453}.tc-art-sheet table{width:100%;border-collapse:collapse;font-size:10px}.tc-art-sheet th,.tc-art-sheet td{padding:13px 8px;border:1px solid #dce5e0;text-align:center}.tc-art-sheet th{background:#edf5f0;color:#197453;font-weight:400}.tc-art-sheet .tc-art-cell{background:#dff8ec;outline:2px solid #2ed18a;outline-offset:-2px}.tc-art-formula{margin-top:17px;font:11px monospace;color:#527365} .tc-art-network{position:absolute;width:100%;height:100%}.tc-art-team{position:absolute;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;font-size:23px;font-weight:500;box-shadow:0 15px 30px #0003}.tc-art-team--one{left:12%;top:34px;background:#e2f6ed;color:#197453}.tc-art-team--two{right:9%;top:42px;background:#e8e4fa;color:#6951a7}.tc-art-team--three{left:42%;bottom:12px;background:#f9ecd5;color:#926522}.tc-art-team-message{position:absolute;left:20%;right:12%;top:137px;padding:22px;background:#fff;border-radius:14px;font-size:27px;line-height:1.15;font-weight:500;transform:rotate(-4deg);box-shadow:0 15px 30px #0003}.tc-art-team-message em{font-style:normal;color:#197453} .tc-art-personality{position:absolute;top:0;left:10%;width:80%;background:#eeeafa;border-radius:50%;padding:14px;box-shadow:0 15px 30px #0003}.tc-art-personality svg{width:100%;height:auto} .tc-art-role{position:absolute;left:4%;top:7px;right:12%;padding:25px;background:#fff;border-radius:13px;transform:rotate(-4deg);box-shadow:0 20px 35px #0003}.tc-art-role > span{font:8px monospace;letter-spacing:.1em;color:#197453}.tc-art-role > strong{display:block;font-size:30px;line-height:1.1;font-weight:500;margin:20px 0}.tc-art-role > div{display:grid;gap:10px}.tc-art-role div > span{padding:11px;border-radius:6px;background:#edf5f0;font-size:12px;color:#197453}.tc-art-role-stack{position:absolute;right:0;bottom:0;left:20%;padding:20px;background:#e8e4fa;border-radius:10px;color:#6951a7;font-size:14px;transform:rotate(3deg);box-shadow:0 15px 30px #0003}.tc-art-role-stack > span{float:right} @keyframes tc-family-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}} @media(max-width:540px){.tc-marketing #main-content :is(.tc-category-hero-grid,.tc-core-hero-grid) > .tc-category-art{max-width:310px;height:350px}.tc-art-pattern i{height:52px}.tc-art-terminal pre{font-size:10px;padding:17px 10px}.tc-art-language{padding:22px}.tc-art-language > span{font-size:30px}.tc-art-note{left:8%;padding:17px}.tc-art-note strong{font-size:18px}.tc-art-sheet{padding:17px 12px}.tc-art-sheet th,.tc-art-sheet td{padding:13px 6px}.tc-art-team-message{font-size:23px}.tc-art-role{padding:22px}.tc-art-role > strong{font-size:27px}.tc-art-role-stack{left:10%}} @media(prefers-reduced-motion:reduce){.tc-category-art *{animation:none!important}} .tc-category-art {text-align:left} .tc-marketing #main-content .tc-core-hero-grid .tv2-hero__eyebrow {text-align:left} /* Refined reasoning, personality and role compositions. */ .tc-reasoning-board{position:absolute;left:4%;right:6%;top:6px;background:#fff;border-radius:15px;padding:23px;transform:rotate(-4deg);box-shadow:0 20px 35px #0003}.tc-reasoning-board > span{font:8px monospace;letter-spacing:.1em;color:#627086}.tc-reasoning-board svg{width:100%;height:190px;margin:6px 0}.tc-reasoning-board > strong{display:block;font-size:26px;line-height:1.12;font-weight:500;letter-spacing:-.025em}.tc-reasoning-caption{position:absolute;bottom:0;left:8%;right:0;display:flex;justify-content:space-between;gap:8px;color:#bdd0c9;font:7px monospace;letter-spacing:.03em} .tc-personality-rosette{position:absolute;left:10%;top:-12px;width:80%}.tc-personality-rosette svg{width:100%;height:auto}.tc-personality-caption{position:absolute;bottom:0;left:8%;right:0;text-align:center;display:grid;gap:13px}.tc-personality-caption strong{color:#fff;font-size:24px;line-height:1.12;letter-spacing:-.02em;font-weight:500}.tc-personality-caption > span{color:#bdc7d9;font-size:10px} .tc-role-tailored{position:absolute;left:4%;right:7%;top:0;background:#fff;padding:24px;border-radius:14px;transform:rotate(-4deg);box-shadow:0 20px 35px #0003}.tc-role-tailored > span{font:8px monospace;letter-spacing:.07em;color:#197453}.tc-role-tailored > strong{display:block;font-size:25px;line-height:1.15;font-weight:500;margin:17px 0}.tc-role-tags{display:grid;gap:8px}.tc-role-tags > span{background:#edf5f0;padding:10px 12px;border-radius:6px;font-size:11px;color:#386553}.tc-role-fit{display:flex;align-items:center;gap:12px;margin-top:17px}.tc-role-fit svg{width:52px;height:52px;flex:none}.tc-role-fit > div{display:grid;gap:6px}.tc-role-fit strong{font-size:14px;font-weight:500}.tc-role-fit div > span{font-size:10px;color:#627086}.tc-role-other{position:absolute;padding:15px 18px;border-radius:9px;box-shadow:0 12px 24px #0003;font-size:12px;left:17%;right:0}.tc-role-other > span{float:right}.tc-role-other--one{bottom:14px;background:#e8e4fa;color:#6951a7;transform:rotate(3deg)}.tc-role-other--two{bottom:-33px;left:24%;background:#deedf9;color:#386b94;transform:rotate(-2deg)} @media(max-width:540px){.tc-reasoning-board{padding:19px}.tc-reasoning-board svg{height:180px}.tc-reasoning-board > strong{font-size:24px}.tc-reasoning-caption{font-size:6px;left:0}.tc-personality-caption strong{font-size:23px}.tc-role-tailored{padding:20px}.tc-role-tailored > strong{font-size:23px}.tc-role-other--two{bottom:-23px}.tc-role-other--one{bottom:22px}.tc-personality-rosette{top:4px}} .tc-role-tailored > strong{margin:14px 0} .tc-role-tags > span{padding:8px 12px} .tc-role-fit{margin-top:12px}.tc-role-fit svg{width:44px;height:44px} .tc-reasoning-caption{bottom:-12px} /* Role assessments: a spatial assembly of skills, without a report panel. */ .tc-role-assembly-lines {position:absolute;inset:0;width:100%;height:100%} .tc-role-piece {position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;width:112px;height:112px;box-shadow:0 14px 28px #0003} .tc-role-piece svg {width:48px;height:40px}.tc-role-piece strong {font-size:12px;font-weight:500} .tc-role-piece--aptitude {left:3%;top:3px;border-radius:24px 24px 9px 24px;background:#e2f6ed;color:#197453;transform:rotate(-12deg)} .tc-role-piece--skills {right:1%;top:9px;border-radius:50%;background:#deedf9;color:#386b94;transform:rotate(10deg)} .tc-role-piece--personality {left:6%;bottom:8px;border-radius:12px 30px 12px 30px;background:#e8e4fa;color:#6951a7;transform:rotate(-7deg)} .tc-role-target {position:absolute;left:36%;top:113px;width:132px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:50%;background:#2ed18a;color:#174f3b;box-shadow:0 16px 32px #0003;border:7px solid #b7efd5}.tc-role-target svg{width:63px;height:63px}.tc-role-target strong{font-size:15px;font-weight:500} .tc-role-assembly-caption {position:absolute;right:0;bottom:11px;width:53%;color:#fff;text-align:left}.tc-role-assembly-caption strong{font-size:22px;line-height:1.15;font-weight:500;letter-spacing:-.02em} @media(max-width:540px){.tc-role-piece{width:92px;height:100px}.tc-role-piece strong{font-size:11px}.tc-role-target{left:34%;width:119px;height:119px;top:122px}.tc-role-assembly-caption strong{font-size:19px}.tc-role-assembly-caption{bottom:14px}.tc-role-piece--personality{left:3%}} /* Product: an open, connected workflow rather than a report or app card. */ .tc-marketing #main-content .acq-hero-grid > .tc-product-flow-art{zoom:1;justify-self:start;width:100%;max-width:410px;height:350px;margin-top:12px;position:relative;line-height:1.3} .tc-product-flow-path{position:absolute;inset:0;width:100%;height:100%} .tc-product-flow-node{position:absolute;display:flex;align-items:center;gap:18px;color:#fff;animation:tc-workflow-enter .65s both}.tc-product-flow-node > div:not(.tc-product-flow-symbol){display:grid;gap:8px}.tc-product-flow-node span{font:8px/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#b9c6da}.tc-product-flow-node strong{font-size:22px;line-height:1.1;letter-spacing:-.02em;font-weight:500}.tc-product-flow-node small{font-size:10px;color:#c4cfdd} .tc-product-flow-symbol{display:grid;place-items:center;width:100px;height:100px;flex:none;box-shadow:0 14px 28px #0003}.tc-product-flow-symbol svg{width:58px;height:58px} .tc-product-flow-node--build{left:2%;top:0}.tc-product-flow-node--build .tc-product-flow-symbol{background:#e2f6ed;color:#197453;border-radius:23px;transform:rotate(-7deg)} .tc-product-flow-node--invite{right:0;top:125px;animation-delay:.25s}.tc-product-flow-node--invite .tc-product-flow-symbol{background:#e8e4fa;color:#6951a7;border-radius:50%;transform:rotate(6deg)} .tc-product-flow-node--compare{left:4%;bottom:0;animation-delay:.5s}.tc-product-flow-node--compare .tc-product-flow-symbol{background:#deedf9;color:#386b94;border-radius:14px 30px 14px 30px;transform:rotate(-5deg)} @keyframes tc-workflow-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}} @media(max-width:540px){.tc-marketing #main-content .acq-hero-grid > .tc-product-flow-art{max-width:310px;height:350px}.tc-product-flow-symbol{width:83px;height:90px}.tc-product-flow-symbol svg{width:52px;height:52px}.tc-product-flow-node{gap:13px}.tc-product-flow-node strong{font-size:19px}.tc-product-flow-node small{font-size:9px}.tc-product-flow-node--invite{top:128px}} @media(prefers-reduced-motion:reduce){.tc-product-flow-node{animation:none}} /* Shared warm body canvas, matching the Blog beneath its breadcrumb. */ .tc-marketing {--tc-page-background:#FBFAF8;background-color:var(--tc-page-background)} .tc-marketing #main-content :is(.tc-editorial,.tc-acquisition) {background-color:var(--tc-page-background)} .tc-marketing #main-content .tc-content-breadcrumb + :is(section,div), .tc-marketing #main-content .tc-content-breadcrumb + div > section:first-child { background-color:var(--tc-page-background); } /* Quiet navy breadcrumbs; links underline only on hover. */ .tc-marketing #main-content .tc-content-breadcrumb .tv2-breadcrumb, .tc-marketing #main-content .tc-content-breadcrumb .tv2-breadcrumb :is(a,li) {color:#1B1C40} .tc-marketing #main-content .tc-content-breadcrumb .tv2-breadcrumb a {text-decoration:none;border-bottom:0} .tc-marketing #main-content .tc-content-breadcrumb .tv2-breadcrumb a:hover {text-decoration:underline;text-underline-offset:3px} /* Breadcrumbs sit directly on the page canvas with no lower padding. */ .tc-marketing #main-content .tc-content-breadcrumb {background:transparent;border-bottom:0;padding:0;margin:0} .tc-marketing #main-content .tc-content-breadcrumb .tv2-breadcrumb {padding:10px 0 0;margin:0} .tc-marketing #main-content .tc-content-breadcrumb {background:#fff;border:0} .tc-marketing #main-content .tc-content-breadcrumb .tv2-breadcrumb {padding:10px 0} /* Breadcrumbs belong to the content canvas, with a compact lead-in. */ .tc-marketing #main-content .tc-content-breadcrumb {background:var(--tc-page-background);border:0} .tc-marketing #main-content .tc-content-breadcrumb .tv2-breadcrumb {padding:14px 0 0} .tc-marketing #main-content .tc-content-breadcrumb + :is(section,div) {padding-top:28px} /* Hero breadcrumbs replace inner-page eyebrows. */ .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) .tc-hero-breadcrumb {margin:0 0 16px;padding:0;font:11px/1.7 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#2ED18A} .tc-marketing #main-content .tc-hero-breadcrumb :is(a,li,span) {color:#2ED18A} .tc-marketing #main-content .tc-hero-breadcrumb ol {display:flex;justify-content:flex-start;gap:8px;margin:0;padding:0;flex-wrap:wrap;text-align:left;list-style:none} .tc-marketing #main-content .tc-hero-breadcrumb a {text-decoration:none;border:0} .tc-marketing #main-content .tc-hero-breadcrumb a:hover {text-decoration:underline;text-underline-offset:3px} .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero):has(.tc-hero-breadcrumb) + :is(section,div:not(.tc-content-breadcrumb)) {padding-top:40px;background-color:var(--tc-page-background)} .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) .tc-hero-breadcrumb {font:500 12px/1.5 'IBM Plex Mono',monospace;letter-spacing:.04em} .tc-marketing #main-content :is(.tv2-hero-band,.acq-hero) .tc-hero-breadcrumb {font-size:10px;text-transform:none} /* Quiet, balanced customer endorsement on the homepage. */ .tc-marketing .tc-logos {background:#FBFAF8;border:0} .tc-marketing .tc-logos__inner {padding-top:20px;padding-bottom:20px} .tc-marketing .tc-logos p {text-align:center;font:400 10px/1.5 'IBM Plex Mono',monospace;color:#627086;margin:0 0 12px;letter-spacing:.02em} .tc-marketing .tc-logos ul {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:36px;align-items:center} .tc-marketing .tc-logos .tc-logo {height:48px;justify-content:center;color:#1B1C40} .tc-marketing .tc-logos .tc-logo svg {height:32px;max-height:42px;max-width:100%;width:auto;filter:none} .tc-marketing .tc-logos .tc-logo svg :is(path,rect,polygon,circle,ellipse,text):not([fill="#fff"]):not([fill="#ffffff"]):not([fill="white"]):not([fill="none"]) {fill:#1B1C40!important} .tc-marketing .tc-logos .tc-logo--intel svg {height:38px} .tc-marketing .tc-logos .tc-logo--airbus svg {height:23px} .tc-marketing .tc-logos .tc-logo--first-mile svg {height:32px} .tc-marketing .tc-logos .tc-logo--littlefish svg {height:28px} .tc-marketing .tc-logos .tc-logo--mib svg {height:38px} @media(max-width:980px){.tc-marketing .tc-logos ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 36px}} @media(max-width:540px){.tc-marketing .tc-logos__inner{padding-block:18px}.tc-marketing .tc-logos ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 30px}.tc-marketing .tc-logos p{margin-bottom:12px}.tc-marketing .tc-logos .tc-logo{height:42px}} /* The roles directory uses the same warm canvas as the test hubs. */ .tc-marketing #main-content .tc-category-library {background-color:var(--tc-page-background)} /* Full suite: an animated spectrum, distinct from cards and workflow illustrations. */ .tc-marketing #main-content .tc-core-hero-grid > .tc-suite-art{zoom:1;width:100%;max-width:410px;height:350px;justify-self:start;position:relative} .tc-suite-art svg{width:100%;height:100%;overflow:visible} .tc-suite-spectrum{animation:tc-suite-reveal 1.2s ease-out both;transform-origin:0 0} .tc-suite-orbit{animation:tc-suite-orbit 32s linear infinite} @keyframes tc-suite-reveal{from{opacity:0;transform:scale(.8) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}} @keyframes tc-suite-orbit{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.tc-suite-spectrum,.tc-suite-orbit{animation:none}} /* Our tests: a concrete candidate question, with a chart and selected answer. */ .tc-suite-demo{padding:12px 14px 0 0;box-sizing:border-box} .tc-suite-question{background:#fff;border-radius:18px;padding:22px;color:#1b1c40;box-shadow:0 20px 45px #0003;transform:rotate(-3deg)} .tc-suite-question-top{display:flex;justify-content:space-between;gap:16px;font:10px/1.4 'IBM Plex Mono',monospace;color:#526079} .tc-suite-progress{height:4px;background:#edf1f4;border-radius:4px;margin:13px 0 20px;overflow:hidden}.tc-suite-progress span{display:block;width:34%;height:100%;background:#2ED18A} .tc-suite-question .tc-suite-prompt{font-size:19px;line-height:1.3;color:#1b1c40;margin:0 0 16px;font-weight:500} .tc-suite-chart{height:98px;display:flex;gap:20px;align-items:end;padding:0 20px 12px;border-bottom:1px solid #e7ebef;margin-bottom:16px}.tc-suite-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.tc-suite-chart i{width:100%;max-width:40px;height:var(--bar);background:#cbd8ec;border-radius:5px 5px 0 0;transform-origin:bottom;animation:tc-suite-bar .9s ease-out both}.tc-suite-chart>div:nth-child(3) i{background:#2ED18A}.tc-suite-chart span{font-size:9px;color:#526079} .tc-suite-answers{display:grid;gap:6px}.tc-suite-answers>span{display:flex;gap:12px;align-items:center;padding:8px 11px;border:1px solid #e2e7ed;border-radius:7px;font-size:10px;color:#526079}.tc-suite-answers strong{font-size:12px;font-weight:500;color:#1b1c40}.tc-suite-answers .tc-suite-answer-selected{border-color:#2ED18A;background:#eafaf2;animation:tc-suite-choice 1.4s ease-out both}.tc-suite-answer-selected b{margin-left:auto;color:#198360} .tc-suite-complete{position:absolute;bottom:-3px;right:0;display:flex;gap:12px;align-items:center;padding:14px 20px;background:#ebe5fa;border-radius:12px;box-shadow:0 10px 24px #0002;animation:tc-suite-choice 1.7s ease-out both}.tc-suite-complete>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#7258ac}.tc-suite-complete strong{display:block;font-size:14px;color:#1b1c40}.tc-suite-complete small{display:block;margin-top:3px;font-size:9px;color:#526079} @keyframes tc-suite-bar{from{transform:scaleY(.1)}to{transform:scaleY(1)}} @keyframes tc-suite-choice{0%,55%{opacity:0;translate:0 6px}100%{opacity:1;translate:0 0}} @media(prefers-reduced-motion:reduce){.tc-suite-chart i,.tc-suite-answer-selected,.tc-suite-complete{animation:none}} /* Our tests: a floating sculptural assembly of complementary skills. */ .tc-suite-sculpture{isolation:isolate;perspective:900px} .tc-sculpture-ring{position:absolute;left:72px;top:65px;width:182px;height:182px;border-radius:50%;border:38px solid #2ed18a;box-sizing:border-box;transform:rotate(-28deg) rotateY(28deg);background:transparent;box-shadow:inset 7px 5px 10px #ffffff40,inset -8px -7px 10px #09674f66,10px 14px 0 #168e67,22px 28px 30px #0003;animation:tc-sculpture-float 7s ease-in-out infinite;z-index:3} .tc-sculpture-block{position:absolute;width:110px;height:104px;border-radius:15px;transform:rotate(-17deg) skewY(8deg);box-shadow:inset 4px 4px 10px #ffffff55,inset -5px -5px 12px #0001,15px 18px 25px #0003;animation:tc-sculpture-float 8s ease-in-out infinite} .tc-sculpture-block i{position:absolute;left:100%;top:9px;width:24px;height:95px;transform:skewY(36deg);transform-origin:left top;border-radius:0 10px 12px 0;background:inherit;filter:brightness(.72)} .tc-sculpture-block b{position:absolute;left:12px;top:100%;width:101px;height:22px;transform:skewX(44deg);transform-origin:left top;border-radius:0 0 9px 9px;background:inherit;filter:brightness(.84)} .tc-sculpture-block--lilac{left:196px;top:30px;background:#cec1f0;z-index:1;animation-delay:-2s} .tc-sculpture-block--blue{left:205px;top:205px;width:95px;height:85px;background:#a4cce9;z-index:4;transform:rotate(16deg) skewY(8deg);animation-delay:-4s}.tc-sculpture-block--blue i{height:77px}.tc-sculpture-block--blue b{width:85px} .tc-sculpture-sphere{position:absolute;left:37px;top:235px;width:61px;height:61px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f8f3ff,#b6a6dc 62%,#695a9a);box-shadow:12px 16px 25px #0003;animation:tc-sculpture-float 6s ease-in-out infinite;animation-delay:-1s;z-index:5} .tc-sculpture-dot{position:absolute;left:330px;top:141px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#c2ffe5,#2ed18a 65%,#148560);box-shadow:5px 8px 12px #0002;animation:tc-sculpture-float 5s ease-in-out infinite} .tc-sculpture-orbit{position:absolute;left:25px;top:69px;width:324px;height:215px;border:1px solid #b9c8e326;border-radius:50%;transform:rotate(-31deg);z-index:0}.tc-sculpture-orbit--two{transform:rotate(33deg);width:310px;height:180px;left:35px;top:92px} .tc-sculpture-caption{position:absolute;bottom:0;width:100%;text-align:center;color:#d6dfec;font-size:12px;letter-spacing:.01em} @keyframes tc-sculpture-float{0%,100%{translate:0 0}50%{translate:0 -9px}} @media(max-width:540px){.tc-suite-sculpture{scale:.85;transform-origin:top left;margin-bottom:-45px}} @media(prefers-reduced-motion:reduce){.tc-suite-sculpture *{animation:none}} /* A complete suite, with a distinct miniature interface for each test type. */ .tc-suite-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center;padding:8px 5px;box-sizing:border-box} .tc-suite-mini{position:relative;border-radius:12px;padding:15px 14px;min-height:98px;box-sizing:border-box;box-shadow:0 9px 19px #0002;color:#1b1c40;animation:tc-suite-tile-enter .7s ease-out both} .tc-suite-mini>span{display:block;font:7px/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#526079;margin-bottom:8px}.tc-suite-mini>strong{display:block;font-size:12px;font-weight:500;margin-bottom:10px}.tc-suite-mini small{font-size:8px;color:#526079} .tc-suite-mini--reason{background:#e4f7ed;transform:rotate(-4deg)}.tc-suite-mini--person{background:#eee7fa;transform:rotate(3deg);animation-delay:.1s}.tc-suite-mini--code{background:#283650;color:#fff;transform:rotate(-2deg);animation-delay:.2s}.tc-suite-mini--code>span{color:#b9c7dc}.tc-suite-mini--software{background:#fff;transform:rotate(4deg);animation-delay:.3s}.tc-suite-mini--language{background:#e1effa;transform:rotate(-3deg);animation-delay:.4s}.tc-suite-mini--team{background:#fff0dd;transform:rotate(2deg);animation-delay:.5s} .tc-suite-sequence{display:flex;gap:7px}.tc-suite-sequence b{display:grid;place-items:center;background:#fff9;border-radius:5px;width:27px;height:27px;font-size:13px;font-weight:500}.tc-suite-sequence b:last-child{background:#2ed18a;color:#fff} .tc-suite-scale{display:flex;justify-content:space-between;margin:4px 0 9px;padding:0 6px;background:linear-gradient(#cbbce5,#cbbce5) center/100% 2px no-repeat}.tc-suite-scale i{width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #b6a1d9}.tc-suite-scale i:nth-child(4){background:#8164b6;border-color:#8164b6} .tc-suite-mini pre{font:8px/1.7 'IBM Plex Mono',monospace;margin:0;color:#dce7f6}.tc-suite-mini pre em{font-style:normal;color:#6fe7b5} .tc-suite-sheet{display:grid;grid-template-columns:repeat(3,1fr);font-size:8px;text-align:center;border-left:1px solid #dce5e0;border-top:1px solid #dce5e0}.tc-suite-sheet>*{padding:3px;font-style:normal;border-right:1px solid #dce5e0;border-bottom:1px solid #dce5e0}.tc-suite-sheet b{background:#e7f4ed;color:#247859} .tc-suite-words{display:flex;flex-wrap:wrap;gap:5px}.tc-suite-words b{font-size:9px;font-weight:400;padding:5px 7px;background:#fff9;border-radius:6px} .tc-suite-options{display:grid;gap:5px}.tc-suite-options i{font-style:normal;font-size:8px;border:1px solid #dbcbb4;border-radius:5px;padding:5px 7px}.tc-suite-options i:last-child{background:#fff9}.tc-suite-options b{float:right;color:#21845d} @keyframes tc-suite-tile-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}} @media(prefers-reduced-motion:reduce){.tc-suite-mini{animation:none}} .tc-suite-stack{grid-template-rows:repeat(3,104px);gap:12px} .tc-suite-mini{min-height:0;padding:12px 14px} .tc-suite-mini>span{margin-bottom:6px}.tc-suite-mini>strong{margin-bottom:7px} .tc-suite-sheet,.tc-suite-sheet>*{line-height:1.15}.tc-suite-sheet>*{padding:2px} .tc-suite-options i{line-height:1.2;padding:4px 7px} /* Tests overview: expertise, test depth and candidate experience. */ .tc-tests-explain-heading{max-width:730px;margin-bottom:30px}.tc-tests-explain-heading>p,.tc-tests-split>div>p{color:#526079;line-height:1.65;font-size:16px}.tc-tests-explain-heading .tc-mono,.tc-tests-split .tc-mono{font-size:10px;color:#267d63;letter-spacing:.08em} .tc-tests-explain-grid,.tc-tests-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.tc-tests-explain-grid article{border-top:1px solid #dce3e4;padding-top:22px}.tc-tests-explain-grid article>span{font:10px 'IBM Plex Mono',monospace;color:#267d63}.tc-tests-explain-grid h3,.tc-tests-type-grid h3,.tc-tests-level-grid h3,.tc-tests-result-notes h3{font-size:22px;font-weight:500;margin:15px 0 10px}.tc-tests-explain-grid p,.tc-tests-type-grid p,.tc-tests-level-grid p,.tc-tests-result-notes p{font-size:14px;line-height:1.65;color:#526079} .tc-tests-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tc-tests-type-grid article{padding:24px;background:white;border:1px solid #dce3e4;border-radius:14px}.tc-tests-type-grid h3{margin-top:0}.tc-tests-type-grid a,.tc-tests-text-link{color:#1b1c40;text-underline-offset:5px;text-decoration-color:#2ed18a} .tc-tests-levels{background:#eef4f0}.tc-tests-level-grid article{padding:24px;background:white;border-radius:14px}.tc-tests-level-grid strong{font-weight:500;font-size:13px;color:#267d63}.tc-tests-level-bars{display:flex;align-items:end;gap:5px;height:30px}.tc-tests-level-bars i{width:15px;height:12px;background:#e5ece8;border-radius:3px}.tc-tests-level-bars i:nth-child(2){height:21px}.tc-tests-level-bars i:nth-child(3){height:30px}.tc-tests-level-bars i.active{background:#2ed18a}.tc-tests-detail-note{font-size:12px!important;line-height:1.6;color:#526079;margin-top:22px} .tc-tests-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.tc-tests-result-notes article{padding:0 0 18px;margin-bottom:20px;border-bottom:1px solid #dce3e4}.tc-tests-result-notes h3{margin-top:0}.tc-tests-languages{background:#1b1c40;color:white}.tc-tests-languages .tc-h2{color:white}.tc-tests-languages .tc-tests-split>div>p{color:#c5ccdb}.tc-tests-languages .tc-tests-split .tc-mono{color:#2ed18a}.tc-tests-language-list{display:flex;flex-wrap:wrap;gap:10px;padding-top:10px}.tc-tests-language-list span{font-size:13px;padding:10px 14px;border:1px solid #ffffff30;border-radius:7px} .tc-tests-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin-top:25px}.tc-tests-faq details{border-bottom:1px solid #dce3e4;padding:18px 0}.tc-tests-faq summary{font-size:16px;font-weight:500;cursor:pointer}.tc-tests-faq details p{font-size:14px;line-height:1.65;color:#526079}.tc-tests-closing{text-align:center;background:#eaf4ee}.tc-tests-closing .tv2-btn--primary{display:inline-block;margin-top:20px}.tc-tests-closing p{font-size:12px;color:#526079} @media(max-width:720px){.tc-tests-explain-grid,.tc-tests-level-grid,.tc-tests-type-grid,.tc-tests-split,.tc-tests-faq-grid{grid-template-columns:1fr;gap:22px}.tc-tests-split{gap:30px}} /* Compact contact routes keep the enquiry form close to the hero. */ .tc-marketing .tc-contact-routes{padding-top:24px} .tc-marketing .tc-contact-routes>a{position:relative;min-height:0;padding:18px;gap:8px} .tc-marketing .tc-contact-route-number{position:absolute;left:18px;top:18px;width:24px;height:24px;font-size:9px} .tc-marketing .tc-contact-routes strong{margin-top:0;min-height:24px;padding-left:33px;font-size:16px;line-height:1.5} .tc-marketing .tc-contact-routes strong+span{font-size:13px;line-height:1.5} .tc-marketing .tc-contact-routes em{font-size:12px;margin-top:2px} .tc-marketing .tc-contact-layout{padding-top:28px} /* About: purpose, principles and an editorial founding story. */ .tc-about-purpose-grid,.tc-about-origin-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.tc-about-purpose h2,.tc-about-origin h2{font-size:clamp(30px,3.2vw,42px);line-height:1.15;font-weight:500;letter-spacing:-.025em;margin:16px 0 24px}.tc-about-purpose p,.tc-about-origin p{color:#526079;font-size:16px;line-height:1.7}.tc-about-purpose .tc-mono,.tc-about-origin .tc-mono,.tc-about-principles .tc-mono,.tc-about-proof .tc-mono{font-size:10px;letter-spacing:.08em;color:#267d63} .tc-about-picture{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:12px;padding:25px 0}.tc-about-application,.tc-about-capabilities{border-radius:12px;padding:22px;min-height:170px;box-sizing:border-box}.tc-about-application{background:#fff;border:1px solid #dce3e4;transform:rotate(-5deg);box-shadow:0 12px 22px #1b1c4008}.tc-about-capabilities{background:#def5e9;transform:rotate(5deg)}.tc-about-picture span:not(.tc-about-picture-plus){font:8px 'IBM Plex Mono',monospace;color:#526079;display:block;margin-bottom:18px}.tc-about-picture strong{font-size:17px;font-weight:500;display:block;margin:10px 0}.tc-about-application i{display:block;height:5px;background:#e7ebef;margin-top:13px;width:90%;border-radius:3px}.tc-about-application i:last-child{width:55%}.tc-about-picture-plus{font-size:27px;color:#267d63;text-align:center}.tc-about-picture>p{grid-column:1/-1;text-align:center;margin:25px 0 0;font-size:15px}.tc-about-picture>p strong{font-size:22px;color:#1b1c40;margin:3px 0} .tc-about-principles{background:#f0f3f6}.tc-about-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:36px}.tc-about-principle-icon{width:100px;height:100px;border-radius:26px;display:grid;place-items:center;background:#d8f1e4;color:#228260;transform:rotate(-5deg);margin-bottom:26px}.tc-about-principle-icon--layers{background:#e4def4;color:#7860a8;transform:rotate(4deg)}.tc-about-principle-icon--door{background:#daeaf7;color:#497ea7;transform:rotate(-3deg)}.tc-about-principle-icon svg{width:80px;height:80px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tc-about-principle-grid h3{font-size:23px;font-weight:500;margin:0 0 12px}.tc-about-principle-grid p{font-size:15px;line-height:1.7;color:#526079} .tc-about-origin{background:#1b1c40;color:#fff}.tc-about-origin h2{color:white}.tc-about-origin p{color:#c6ccdc}.tc-about-origin .tc-mono{color:#2ed18a}.tc-about-year>span{font:10px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#b9c5d9}.tc-about-year>strong{display:block;font-size:clamp(100px,14vw,180px);font-weight:500;line-height:1.2;color:#2ed18a;letter-spacing:-.06em}.tc-about-year>div{height:2px;background:#ffffff24;position:relative;width:80%;margin-top:20px}.tc-about-year>div:before{content:'';position:absolute;width:12px;height:12px;background:#2ed18a;border-radius:50%;top:-5px}.tc-about-origin a{color:white;text-decoration-color:#2ed18a;text-underline-offset:5px} .tc-about-proof{text-align:center}.tc-about-proof figure{max-width:830px;margin:25px auto}.tc-about-proof-logo svg{width:150px;height:45px;filter:grayscale(1)}.tc-about-proof blockquote{font-size:clamp(22px,2.6vw,31px);line-height:1.5;font-weight:500;letter-spacing:-.015em;margin:25px 0;color:#1b1c40}.tc-about-proof figcaption{font-size:13px;color:#526079}.tc-about-proof a{color:#1b1c40;text-decoration-color:#2ed18a;text-underline-offset:5px} @media(max-width:720px){.tc-about-purpose-grid,.tc-about-origin-grid,.tc-about-principle-grid{grid-template-columns:1fr;gap:30px}.tc-about-picture{gap:8px}.tc-about-application,.tc-about-capabilities{padding:16px}.tc-about-picture strong{font-size:15px}.tc-about-principle-grid{gap:35px}.tc-about-principle-icon{margin-bottom:18px}.tc-about-year>strong{font-size:110px}} .tc-about-purpose-grid>div>p+p,.tc-about-origin-grid>div>p+p{margin-top:16px} .tc-about-proof-logo svg{display:block;margin:0 auto} /* About purpose visual: layered experience and a fuller candidate profile. */ .tc-about-picture-impact{display:block;position:relative;height:370px;padding:0;isolation:isolate} .tc-about-profile-orbit{position:absolute;inset:15px 0 25px 15px;border:1px solid #d5e8dd;border-radius:50%;transform:rotate(-17deg);z-index:-1;background:radial-gradient(ellipse,#e7f5ec88,transparent 70%)} .tc-about-picture-impact .tc-about-application{position:absolute;width:170px;min-height:220px;left:0;top:43px;padding:20px;transform:rotate(-10deg);box-shadow:0 15px 25px #1b1c4010}.tc-about-file-symbol{font-size:36px;color:#b7c3d2;line-height:1;margin:20px 0}.tc-about-picture-impact .tc-about-application>span{font-size:7px;margin-bottom:0}.tc-about-picture-impact .tc-about-application strong{font-size:15px} .tc-about-profile{position:absolute;left:105px;right:0;top:14px;background:#fff;border:1px solid #dce3e4;border-radius:16px;padding:20px;box-shadow:0 22px 38px #1b1c4015;transform:rotate(3deg)} .tc-about-profile-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #e8ecea}.tc-about-profile-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#dff6e9;flex:none}.tc-about-profile-avatar svg{width:37px;height:37px;fill:#228460}.tc-about-profile-head span{font:7px 'IBM Plex Mono',monospace;margin:0 0 6px!important}.tc-about-profile-head strong{font-size:17px;margin:0} .tc-about-profile-trait{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf0ef}.tc-about-profile-trait:last-child{border-bottom:0;padding-bottom:0}.tc-about-trait-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#dcf5e8;color:#23815f;font-size:20px;font-weight:400;flex:none}.tc-about-profile-trait:nth-child(3) .tc-about-trait-icon{background:#e7e0f7;color:#7860a8}.tc-about-profile-trait:nth-child(4) .tc-about-trait-icon{background:#e0eef9;color:#497da6}.tc-about-profile-trait strong{font-size:14px;margin:0 0 3px}.tc-about-profile-trait small{font-size:9px;color:#68758b} .tc-about-trait-bars,.tc-about-trait-dots,.tc-about-trait-circles{margin-left:auto;display:flex;gap:3px;align-items:end}.tc-about-trait-bars i{height:10px;width:7px;border-radius:2px;background:#2ed18a}.tc-about-trait-bars i:nth-child(2){height:16px}.tc-about-trait-bars i:nth-child(3){height:21px}.tc-about-trait-bars i:nth-child(4){height:27px}.tc-about-trait-dots i{width:9px;height:9px;background:#b29bd9;border-radius:50%}.tc-about-trait-circles i{width:19px;height:19px;border:2px solid #6d9dbe;border-radius:50%}.tc-about-trait-circles i+i{margin-left:-11px} .tc-about-picture-result{position:absolute;bottom:0;left:75px;right:0;display:flex;align-items:center;gap:13px;padding:15px 18px;border-radius:12px;background:#1b1c40;color:#d7deeb;box-shadow:0 9px 19px #1b1c4012;font-size:12px}.tc-about-picture-result>span{font-size:30px!important;color:#2ed18a!important;margin:0!important}.tc-about-picture-result strong{font-size:18px;color:#fff;margin:3px 0 0} @media(max-width:720px){.tc-about-picture-impact{height:365px}.tc-about-profile{left:65px;padding:16px}.tc-about-picture-impact .tc-about-application{width:145px;left:0}.tc-about-picture-result{left:25px}.tc-about-profile-head strong{font-size:15px}.tc-about-profile-trait{gap:8px}.tc-about-trait-bars i{width:5px}.tc-about-profile-head{gap:8px}.tc-about-profile-avatar{width:40px;height:40px}} .tc-about-picture-impact{height:420px} @media(max-width:720px){.tc-about-picture-impact{height:405px}} @media(max-width:720px){.tc-about-picture-impact{width:calc(100% - 24px);margin:0 12px}.tc-about-profile{left:45px}.tc-about-profile-head span{font-size:6px}.tc-about-profile-head strong{font-size:14px}.tc-about-profile-trait strong{font-size:13px}} /* Principles use full scenes, rather than small icon badges. */ .tc-about-principle-icon{width:100%;height:180px;border-radius:0;background:transparent!important;transform:none!important;margin-bottom:24px} .tc-about-principle-icon svg{width:100%;height:180px;fill:initial;stroke:none;stroke-width:initial;stroke-linecap:initial;stroke-linejoin:initial;overflow:visible;font-family:Circular,sans-serif} @media(max-width:720px){.tc-about-principle-icon{max-width:320px;height:180px}} /* Confirmed company milestones, 2015–2026. */ .tc-about-timeline-heading{max-width:730px;margin-bottom:45px}.tc-about-timeline-heading h2{margin-top:12px}.tc-about-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 30px} .tc-about-timeline li{position:relative;padding-top:26px;border-top:1px solid #ffffff30}.tc-about-timeline li:before{content:'';position:absolute;left:0;top:-6px;width:11px;height:11px;border-radius:50%;background:#2ed18a;box-shadow:0 0 0 5px #2ed18a12}.tc-about-timeline-year{font:500 36px/1.2 Circular,sans-serif;letter-spacing:-.03em;color:#2ed18a}.tc-about-timeline h3{font-size:19px;font-weight:500;color:#fff;margin:15px 0 10px}.tc-about-timeline p{font-size:14px;line-height:1.65;margin:0;color:#c6ccdc} @media(max-width:980px){.tc-about-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:540px){.tc-about-timeline{display:block;padding-left:20px}.tc-about-timeline li{border-top:0;border-left:1px solid #ffffff30;padding:0 0 30px 24px}.tc-about-timeline li:before{left:-6px;top:8px}.tc-about-timeline li:last-child{padding-bottom:0}.tc-about-timeline-year{font-size:30px}.tc-about-timeline-heading{margin-bottom:30px}} /* About client shelf: a featured voice alongside supporting evidence. */ .tc-about-client-showcase{text-align:left}.tc-about-client-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.tc-about-client-heading .tc-h2{font-size:34px;line-height:1.2;margin:10px 0 0}.tc-about-client-heading>a{font-size:14px;white-space:nowrap}.tc-about-client-heading>a span{color:#218460;font-size:22px;margin-left:12px} .tc-about-client-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.tc-about-client-showcase figure{max-width:none;margin:0}.tc-about-featured-quote{position:relative;background:#1b1c40;border-radius:18px;padding:32px;display:flex;flex-direction:column;overflow:hidden}.tc-about-featured-quote .tc-about-client-logo svg{filter:brightness(0) invert(1);width:160px;height:50px}.tc-about-client-logo svg{width:120px;height:36px;max-width:100%;display:block}.tc-about-quote-mark{position:absolute;top:35px;right:28px;font-size:120px;line-height:1;color:#2ed18a;font-family:Georgia,serif;opacity:.65}.tc-about-featured-quote blockquote{color:#fff;font-size:27px;line-height:1.45;margin:26px 0 30px;font-weight:500;max-width:95%}.tc-about-featured-quote figcaption{display:flex;align-items:center;gap:12px;margin-top:auto;color:#ccd4e3;font-size:12px}.tc-about-featured-quote figcaption img{width:44px;height:44px;object-fit:cover;border-radius:50%} .tc-about-supporting-quotes{display:grid;gap:20px}.tc-about-supporting-quotes figure{padding:25px 28px;border:1px solid #dce3e4;border-radius:16px;background:#fff}.tc-about-supporting-quotes figure:first-child{background:#e5f4ec;border-color:#d2e8dd}.tc-about-supporting-quotes blockquote{font-size:19px;line-height:1.5;margin:18px 0;font-weight:500;letter-spacing:-.01em}.tc-about-supporting-quotes figcaption{font-size:11px;color:#526079} .tc-about-client-foot{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:30px;padding-top:26px;border-top:1px solid #dce3e4;font-size:14px;color:#526079}.tc-about-client-foot strong{color:#1b1c40;font-weight:500}.tc-about-client-foot>div{display:flex;gap:35px;align-items:center}.tc-about-client-foot svg{height:30px;width:100px;max-width:100%;filter:grayscale(1)} @media(max-width:720px){.tc-about-client-heading{display:block}.tc-about-client-heading>a{display:inline-block;margin-top:20px}.tc-about-client-grid{grid-template-columns:1fr}.tc-about-featured-quote{padding:25px}.tc-about-featured-quote blockquote{font-size:23px}.tc-about-client-heading .tc-h2{font-size:29px}.tc-about-client-foot{display:block}.tc-about-client-foot>div{margin-top:22px;gap:20px}.tc-about-client-foot svg{width:85px;height:27px}.tc-about-supporting-quotes figure{padding:24px}} /* Expertise shelf: editorial copy paired with question-making artwork. */ .tc-tests-expertise-top{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin-bottom:35px}.tc-tests-expertise-top .tc-tests-explain-heading{margin-bottom:0}.tc-tests-expertise-top .tc-h2{font-size:36px;line-height:1.2}.tc-tests-author-art{position:relative;height:285px;isolation:isolate} .tc-tests-author-paper{position:absolute;left:25px;top:10px;width:260px;padding:24px;background:#fff;border:1px solid #dce3e4;border-radius:14px;box-shadow:0 18px 30px #1b1c4010;transform:rotate(-5deg);box-sizing:border-box}.tc-tests-author-paper>span{font:8px 'IBM Plex Mono',monospace;color:#526079;letter-spacing:.06em}.tc-tests-author-paper>strong{display:block;margin:18px 0;font-size:18px;font-weight:500;color:#1b1c40}.tc-tests-author-paper>div{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #e7ecea}.tc-tests-author-paper i{font-style:normal;font-size:9px;background:#e7f5ed;color:#267d63;border-radius:5px;padding:5px 7px}.tc-tests-author-paper b{font-size:11px;font-weight:400;color:#526079} .tc-tests-author-pencil{position:absolute;top:18px;right:45px;height:175px;width:17px;background:linear-gradient(90deg,#9b85c5 0 30%,#c8b6e8 30% 72%,#ad96d3 72%);border-radius:4px 4px 0 0;transform:rotate(26deg);box-shadow:5px 6px 8px #0001}.tc-tests-author-pencil:after{content:'';position:absolute;top:100%;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-top:24px solid #d6b98a;left:0}.tc-tests-author-pencil:before{content:'';height:8px;position:absolute;left:0;right:0;top:0;background:#e1e7ef;border-radius:4px 4px 0 0} .tc-tests-author-tag{position:absolute;right:0;bottom:8px;display:flex;align-items:center;gap:12px;background:#1b1c40;color:white;border-radius:12px;padding:17px 20px;box-shadow:0 10px 20px #1b1c4010}.tc-tests-author-tag>span{font-size:30px;color:#2ed18a}.tc-tests-author-tag strong{display:block;font-size:14px;font-weight:500}.tc-tests-author-tag small{display:block;font-size:9px;color:#c6cedd;margin-top:4px}.tc-tests-author-orbit{position:absolute;inset:0;border-radius:50%;background:#e6f3eb;z-index:-1;transform:scale(.85)} .tc-tests-explained .tc-tests-explain-grid{gap:18px}.tc-tests-explained .tc-tests-explain-grid article{border:1px solid #dce3e4;border-radius:14px;background:#fff;padding:24px}.tc-tests-explained .tc-tests-explain-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#def4e8;font-size:12px}.tc-tests-explained .tc-tests-explain-grid article:nth-child(2)>span{background:#e8e1f6;color:#7860a8}.tc-tests-explained .tc-tests-explain-grid article:nth-child(3)>span{background:#e0edf8;color:#47799e} @media(max-width:720px){.tc-tests-expertise-top{grid-template-columns:1fr;gap:25px}.tc-tests-author-art{max-width:360px;width:100%;margin:auto}.tc-tests-author-paper{left:8px;width:245px}.tc-tests-author-pencil{right:30px}.tc-tests-expertise-top .tc-h2{font-size:30px}.tc-tests-author-tag{padding:15px}.tc-tests-author-tag strong{font-size:13px}} .tc-tests-author-art{height:330px} /* Results shelf: distinct visual explanations of three kinds of evidence. */ .tc-tests-results-shelf .tc-tests-split{display:block}.tc-tests-results-shelf .tc-tests-split>div:first-child{max-width:700px;margin-bottom:30px}.tc-tests-results-shelf .tc-tests-result-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tc-tests-results-shelf .tc-tests-result-notes article{padding:20px 23px 24px;background:#fff;border:1px solid #dce3e4;border-radius:15px;margin:0}.tc-tests-results-shelf .tc-tests-result-notes h3{font-size:21px;margin-top:22px;line-height:1.3} .tc-results-art{height:120px;box-sizing:border-box;border-radius:10px;background:#e6f5ed;padding:20px}.tc-results-art>span{font:7px 'IBM Plex Mono',monospace;color:#526079;letter-spacing:.06em}.tc-results-art--scores>div{display:grid;gap:10px;margin-top:16px}.tc-results-art--scores i{height:8px;border-radius:5px;background:linear-gradient(to right,#2ed18a 78%,#cbded4 78%)}.tc-results-art--scores i:nth-child(2){background:linear-gradient(to right,#2ed18a 62%,#cbded4 62%)}.tc-results-art--scores i:nth-child(3){background:linear-gradient(to right,#2ed18a 87%,#cbded4 87%)} .tc-results-art--style{background:#eee8f8}.tc-results-art--style>div{display:grid;gap:13px;margin-top:18px}.tc-results-art--style i{height:3px;background:#c9bade;position:relative}.tc-results-art--style i:after{content:'';position:absolute;top:-4px;left:27%;width:11px;height:11px;border-radius:50%;background:#8464b6;border:2px solid #eee8f8}.tc-results-art--style i:nth-child(2):after{left:70%}.tc-results-art--style i:nth-child(3):after{left:47%} .tc-results-art--picture{background:#e5eff8;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;gap:8px;padding:15px}.tc-results-art--picture b{font-size:10px;font-weight:500;background:#fff;border-radius:7px;padding:10px 8px;box-shadow:0 4px 7px #1b1c4008}.tc-results-art--picture>span{font-size:16px;color:#497da6;letter-spacing:0} @media(max-width:720px){.tc-tests-results-shelf .tc-tests-result-notes{grid-template-columns:1fr}.tc-results-art{max-width:100%}} /* One customisation shelf combines difficulty and language choices. */ .tc-tests-customise-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tc-tests-customise-grid>article{background:#fff;border-radius:15px;padding:28px}.tc-tests-customise-grid h3{font-size:23px;font-weight:500;margin:0 0 12px}.tc-tests-customise-grid p{font-size:14px;line-height:1.65;color:#526079;margin-bottom:24px}.tc-tests-level-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.tc-tests-level-options>div{border-radius:10px;background:#eef6f1;padding:17px 13px}.tc-tests-level-options strong{display:block;margin-top:12px;font-size:12px;font-weight:500;color:#1b1c40}.tc-tests-customise .tc-tests-language-list{padding-top:0;gap:7px}.tc-tests-customise .tc-tests-language-list span{border:1px solid #dce3e4;color:#526079;background:#f7f9fa;font-size:10px;padding:7px 10px} @media(max-width:720px){.tc-tests-customise-grid{grid-template-columns:1fr}.tc-tests-customise-grid>article{padding:22px}.tc-tests-level-options>div{padding:14px 9px}.tc-tests-level-options strong{font-size:11px}} /* Product workflow is visible in full without tabs. */ .product-workflow-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:30px}.product-workflow-overview>article{display:flex;flex-direction:column}.product-workflow-number{font:10px 'IBM Plex Mono',monospace;color:#267d63;letter-spacing:.05em}.product-workflow-overview h3{font-size:23px;line-height:1.25;font-weight:500;margin:14px 0 12px}.product-workflow-overview>article>p{font-size:14px;line-height:1.65;color:#526079;margin:0 0 24px} .product-workflow-preview{margin-top:auto;padding:22px;border:1px solid #dce3e4;border-radius:14px;background:#fff;min-height:220px;box-sizing:border-box}.product-workflow-preview>strong{display:block;font-size:15px;font-weight:500;margin-bottom:15px;color:#1b1c40}.product-workflow-preview--build>div{display:flex;gap:8px;padding:10px 0;border-top:1px solid #e8ecea;font-size:12px;color:#526079}.product-workflow-preview--build>div>span{color:#218460}.product-workflow-preview small{display:block;font-size:10px;color:#526079;margin-top:12px}.product-workflow-preview--invite{background:#eee8f8;text-align:center;border-color:#e1d8ef}.product-workflow-avatar{display:grid;place-items:center;width:37px;height:37px;background:#fff;border-radius:50%;margin:0 auto 12px;font-size:11px;color:#7860a8}.product-workflow-preview--invite>strong{margin-bottom:6px}.product-workflow-preview--invite p{font-size:11px;color:#526079;margin:0 0 16px}.product-workflow-instructions{display:grid;gap:7px;text-align:left;font-size:10px;color:#526079}.product-workflow-instructions span{padding:7px 10px;background:#ffffff99;border-radius:5px} .product-workflow-preview--compare{background:#eaf5ee;border-color:#d8e9de}.product-workflow-preview table{width:100%;border-collapse:collapse;font-size:11px;color:#526079}.product-workflow-preview th,.product-workflow-preview td{padding:10px 6px;text-align:left;border-bottom:1px solid #d5e4db;font-weight:400}.product-workflow-preview thead th{font-size:9px;color:#267d63}.product-workflow-preview td{color:#1b1c40} @media(max-width:720px){.product-workflow-overview{grid-template-columns:1fr;gap:30px}.product-workflow-preview{min-height:0}.product-workflow-overview h3{font-size:23px}} .product-workflow-preview{min-height:263px} @media(max-width:720px){.product-workflow-preview{min-height:0}} /* More expressive product previews with clear task-based wording. */ .product-workflow-preview{position:relative;min-height:310px;border-radius:16px;box-shadow:0 15px 25px #1b1c400c;padding:20px;overflow:visible}.product-workflow-preview--build{transform:rotate(-2deg);border-top:4px solid #2ed18a}.product-workflow-preview--invite{transform:rotate(1deg);background:#f0ebfa}.product-workflow-preview--compare{transform:rotate(-1deg);background:#fff} .product-preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font:7px 'IBM Plex Mono',monospace;letter-spacing:.07em;color:#67758b}.product-preview-top i{font-style:normal;font-size:12px}.product-workflow-preview--build>div:not(.product-preview-top){background:#f4f8f6;border:0;border-radius:7px;padding:12px 10px;margin:6px 0;font-size:11px}.product-workflow-preview--build>div:not(.product-preview-top)>span{display:grid;place-items:center;width:20px;height:20px;flex:none;background:#def4e8;border-radius:5px}.product-workflow-preview--build small{padding-top:10px;border-top:1px solid #e2e8e4} .product-invite-envelope{position:relative;width:100px;margin:0 auto 14px}.product-invite-envelope svg{width:100px;height:70px;fill:#fff;stroke:#ad99d0;stroke-width:2}.product-invite-envelope b{position:absolute;bottom:0;right:0;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#2ed18a;color:#fff;border:3px solid #f0ebfa}.product-workflow-instructions span{display:flex;align-items:center;gap:7px;padding:8px;background:#fff;font-size:10px}.product-invite-initial{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eae3f6;color:#7860a8;font-size:8px;font-weight:500;flex:none}.product-workflow-instructions small{margin:0 0 0 auto;font-size:7px;color:#267d63} .product-workflow-preview--compare table{margin-top:18px}.product-workflow-preview--compare td b{display:block;position:relative;padding:6px 3px 10px;font-size:11px;font-weight:500}.product-workflow-preview--compare td b:after{content:'';position:absolute;bottom:2px;left:3px;width:var(--score);height:4px;border-radius:4px;background:#2ed18a}.product-compare-insight{display:flex;align-items:center;gap:8px;margin-top:20px;padding:12px 10px;background:#e7f4ed;border-radius:8px}.product-compare-insight>span{color:#267d63;font-size:22px}.product-compare-insight strong{font-size:10px;font-weight:500;display:block}.product-compare-insight small{font-size:8px;margin-top:4px} @media(max-width:720px){.product-workflow-preview{min-height:0;transform:none}.product-workflow-overview{gap:40px}} .product-workflow-preview--build>.product-preview-top{padding:0;border:0;font:7px 'IBM Plex Mono',monospace;color:#67758b} /* Compact catalogue and grouped candidate graphs. */ .product-workflow-preview--build,.product-workflow-preview--compare{min-height:0;height:270px;align-self:stretch;margin-top:18px}.product-workflow-preview--build{border-top:1px solid #dce3e4}.product-workflow-preview--build>.product-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;margin:0;background:none}.product-catalogue>div{background:#f4f6f8;border:1px solid #e7ebef;border-radius:8px;padding:10px 5px;text-align:center;min-width:0}.product-catalogue>div>span{display:grid;place-items:center;width:28px;height:28px;background:#dff4e9;border-radius:7px;color:#267d63;font:11px 'IBM Plex Mono',monospace;margin:0 auto 7px}.product-catalogue>div:nth-child(3n)>span{background:#e8e0f6;color:#7860a8}.product-catalogue>div:nth-child(3n + 2)>span{background:#dfeefa;color:#497ea7}.product-catalogue b{display:block;font-size:8px;font-weight:500;color:#1b1c40}.product-workflow-preview--build .product-catalogue small{border:0;padding:0;margin:4px 0 0;font-size:7px;line-height:1.2}.product-chart-legend{display:flex;gap:12px;font-size:8px;color:#526079;margin:16px 0 20px}.product-chart-legend span{display:flex;align-items:center;gap:4px}.product-chart-legend i{width:6px;height:6px;border-radius:50%;background:#2ed18a}.product-chart-legend span:nth-child(2) i{background:#9580c8}.product-chart-legend span:nth-child(3) i{background:#629abb}.product-comparison-charts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-chart-bars{height:110px;display:flex;align-items:flex-end;justify-content:center;gap:8px;border-bottom:1px solid #dce3e4;background:repeating-linear-gradient(to top,transparent 0,transparent 26px,#edf0f3 27px,#edf0f3 28px)}.product-chart-bars>i{position:relative;width:22px;height:var(--height);background:#2ed18a;border-radius:4px 4px 0 0;font-style:normal}.product-chart-bars>i:nth-child(2){background:#9580c8}.product-chart-bars>i:nth-child(3){background:#629abb}.product-chart-bars b{position:absolute;top:-16px;width:100%;text-align:center;font-size:8px;font-weight:500;color:#526079}.product-comparison-charts>div>strong{display:block;text-align:center;font-size:9px;font-weight:500;margin-top:10px;color:#526079} @media(max-width:720px){.product-workflow-preview--build,.product-workflow-preview--compare{height:270px;margin-top:0}} .product-workflow-preview--build>div.product-catalogue{padding:0;margin:0;background:none;border-radius:0;gap:7px}.product-catalogue>div{padding:8px 5px} /* Illustrated product benefits. */ .product-fit-grid{gap:18px!important}.product-fit-grid>article{position:relative;background:#eef6f1;border:1px solid #deebe3!important;border-radius:18px;padding:26px!important;overflow:hidden;min-height:280px;box-sizing:border-box}.product-fit-grid>article:nth-child(1){background:#1b1c40;color:white;border-color:#1b1c40!important}.product-fit-grid>article:nth-child(2){background:#f0ebfa;border-color:#e4dcf1!important}.product-fit-grid>article:nth-child(3){background:#eaf2f8;border-color:#dce8f1!important}.product-fit-grid>article>span{position:absolute;top:26px;left:26px;font:10px 'IBM Plex Mono',monospace;color:#267d63}.product-fit-grid>article:first-child>span{color:#2ed18a}.product-fit-grid h3{margin:8px 0 12px!important;font-size:22px!important;max-width:340px;font-weight:500}.product-fit-grid>article:first-child h3{color:#fff}.product-fit-grid p{font-size:14px!important;line-height:1.65!important;margin:0!important;max-width:420px}.product-fit-grid>article:first-child p{color:#c7ccdc}.product-fit-scene{height:130px;display:flex;justify-content:flex-end;margin-top:-12px;margin-bottom:4px}.product-fit-scene svg{height:130px;width:193px;filter:drop-shadow(0 8px 10px #1b1c4009)} @media(max-width:720px){.product-fit-grid{grid-template-columns:1fr!important}.product-fit-grid>article{padding:22px!important}.product-fit-scene{height:110px}.product-fit-scene svg{height:110px;width:163px}.product-fit-grid>article>span{top:22px;left:22px}} /* Homepage: a candidate story, illustrated workflow and a broad test suite. */ .tc-home-makeover .tc-section{padding:70px 0}.tc-home-makeover .tc-h2{font-size:clamp(30px,3.5vw,44px);line-height:1.12;letter-spacing:-.025em;font-weight:500;margin:12px 0 22px}.home-design-label{font:9px 'IBM Plex Mono',monospace;letter-spacing:.09em;color:#267d63;margin:0 0 12px}.home-design-intro{font-size:17px;line-height:1.7;color:#526079;max-width:440px}.home-design-link{display:inline-block;font-size:13px;font-weight:500;color:#1b1c40;text-decoration:none!important;border-bottom:2px solid #2ed18a;padding-bottom:3px}.home-design-link:hover{border-bottom-color:currentColor}.home-picture-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.home-picture h2 span{color:#267d63}.home-picture-points{display:grid;gap:12px;margin:24px 0 30px;font-size:14px;color:#1b1c40}.home-picture-points i{font-style:normal;color:#267d63;margin-right:10px}.home-person-scene{height:370px;position:relative;isolation:isolate}.home-person-ring{position:absolute;inset:25px 50px;border:1px solid #dce7df;border-radius:50%;background:#edf6f0}.home-person-ring:after{content:'';position:absolute;inset:25px;border:1px dashed #c2d8cc;border-radius:50%}.home-person-core{position:absolute;left:50%;top:80px;transform:translateX(-50%);width:150px;text-align:center;z-index:1}.home-person-core svg{width:145px;height:180px}.home-person-core>span{display:block;background:#1b1c40;color:white;padding:9px 5px;border-radius:7px;font-size:10px}.home-person-tile{position:absolute;background:#fff;border:1px solid #e1e6e5;border-radius:12px;padding:15px;width:155px;box-sizing:border-box;box-shadow:0 12px 25px #1b1c4008;z-index:2}.home-person-tile>span{display:block;font:7px 'IBM Plex Mono',monospace;color:#526079;margin-bottom:7px}.home-person-tile strong{font-size:11px;font-weight:500}.home-person-tile--ability{left:0;top:20px;transform:rotate(-5deg)}.home-person-tile--skills{right:0;top:45px;transform:rotate(5deg)}.home-person-tile--personality{left:8px;bottom:20px;transform:rotate(3deg)}.home-person-tile--software{right:0;bottom:5px;transform:rotate(-4deg)}.home-tiny-bars{height:34px;display:flex;gap:7px;align-items:flex-end;margin-top:10px}.home-tiny-bars i{width:16px;background:#2ed18a;border-radius:3px;height:50%}.home-tiny-bars i:nth-child(2){height:85%}.home-tiny-bars i:nth-child(3){height:65%}.home-tiny-bars i:nth-child(4){height:100%}.home-tiny-checks{font-size:23px;color:#267d63;letter-spacing:8px;margin-top:10px}.home-tiny-checks b{color:#2ed18a}.home-tiny-circles{display:flex;margin-top:13px}.home-tiny-circles i{width:28px;height:28px;border:2px solid #a491ce;border-radius:50%;margin-right:-7px;background:#e8e1f5aa}.home-tiny-tools{display:flex;gap:6px;margin-top:12px}.home-tiny-tools b{font:10px 'IBM Plex Mono',monospace;display:grid;place-items:center;background:#e5eff8;color:#497ea7;width:30px;height:28px;border-radius:5px} .home-workflow{background:#1b1c40;color:white}.home-workflow .tc-h2{color:white}.home-workflow .home-design-label{color:#2ed18a}.home-workflow-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:30px}.home-workflow-heading>p{max-width:340px;color:#c4ccdc;font-size:16px;line-height:1.65;margin-bottom:22px}.home-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.home-workflow-grid h3{font-size:22px;line-height:1.25;font-weight:500;margin:12px 0;color:#fff}.home-workflow-grid>article>p{font-size:14px;line-height:1.65;color:#c4ccdc;margin:0}.home-workflow-art{height:195px;border-radius:14px;display:grid;place-items:center;background:#ffffff08;margin-bottom:25px;overflow:hidden}.home-workflow-art>div{width:78%;background:#fff;border-radius:10px;padding:17px;box-sizing:border-box;box-shadow:0 9px 20px #00000013;transform:rotate(-3deg);color:#1b1c40}.home-workflow-art span{font:7px 'IBM Plex Mono',monospace;color:#526079}.home-workflow-art strong{display:block;font-size:11px;font-weight:500;margin:10px 0}.home-workflow-art--select p{margin:6px 0;padding:7px;background:#edf6f1;border-radius:4px;font-size:9px}.home-workflow-art--select i{font-style:normal;color:#267d63;margin-right:6px}.home-workflow-art--invite>div{background:#ece5f7;text-align:center;transform:rotate(3deg)}.home-workflow-art--invite svg{width:110px;height:78px}.home-workflow-art--invite span{font-size:6px}.home-workflow-art--invite span i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#9580c8;margin:0 4px}.home-workflow-art--compare>div{transform:rotate(-2deg)}.home-workflow-graph{height:95px;display:flex;align-items:flex-end;justify-content:center;gap:16px;border-bottom:1px solid #dce3e4;padding-top:15px}.home-workflow-graph i{width:27px;border-radius:4px 4px 0 0;background:#2ed18a}.home-workflow-graph i:nth-child(2){background:#9580c8}.home-workflow-graph i:nth-child(3){background:#629abb}.home-workflow-art--compare p{display:flex;justify-content:center;gap:17px;font-size:7px;margin:8px 0 0}.home-workflow-art--compare b{font-weight:400}.home-workflow .home-design-link{color:white;margin-top:32px} .home-suite-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.home-suite-heading>div:last-child{padding-bottom:22px}.home-suite-heading p:not(.home-design-label){font-size:16px;line-height:1.65;color:#526079;max-width:390px;margin-bottom:18px}.home-suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-suite-card{background:white;border:1px solid #e1e6e5;border-radius:14px;padding:18px;color:#1b1c40;text-decoration:none!important;transition:transform .2s,box-shadow .2s}.home-suite-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #1b1c400a}.home-suite-card h3{font-size:20px;font-weight:500;margin:17px 0 7px}.home-suite-card p{font-size:13px;line-height:1.6;color:#526079;margin:0}.home-suite-art{height:125px;border-radius:9px;display:grid;place-items:center;background:#e4f4ec;overflow:hidden}.home-suite-art--code,.home-suite-art--traits{background:#eee8f7}.home-suite-art--language,.home-suite-art--sheet{background:#e5eff8}.home-suite-numbers{display:flex;gap:8px;transform:rotate(-5deg)}.home-suite-numbers b{display:grid;place-items:center;width:42px;height:48px;background:#fff;box-shadow:0 5px 10px #1b1c4008;border-radius:7px;font:20px 'IBM Plex Mono',monospace;color:#267d63}.home-suite-numbers b:last-child{background:#2ed18a;color:#1b1c40;transform:translateY(-8px)}.home-suite-code{background:#1b1c40;color:#c6ccdc;border-radius:8px;padding:15px 20px;transform:rotate(4deg);font:10px 'IBM Plex Mono',monospace;line-height:1.7}.home-suite-code span,.home-suite-code b{display:block}.home-suite-code b{color:#2ed18a;font-weight:400;padding-left:12px}.home-suite-language{position:relative;width:170px;height:86px}.home-suite-language>*{position:absolute;background:#fff;border-radius:8px;padding:10px 18px;font-size:14px;font-style:normal;font-weight:500;box-shadow:0 4px 8px #1b1c4008}.home-suite-language b{left:0;top:0;transform:rotate(-8deg)}.home-suite-language span{right:0;top:25px;transform:rotate(5deg);color:#497ea7}.home-suite-language i{left:20px;bottom:0;color:#267d63}.home-suite-sheet{display:grid;grid-template-columns:repeat(3,1fr);width:150px;border-radius:7px;overflow:hidden;border:1px solid #c9dbe6;transform:rotate(-4deg);text-align:center;font:10px 'IBM Plex Mono',monospace;background:#fff}.home-suite-sheet>*{padding:8px;border-right:1px solid #e1e8ec;font-style:normal}.home-suite-sheet span{background:#cfe2ef;color:#497ea7}.home-suite-sheet b{grid-column:1/-1;text-align:left;background:#e4f4ec;color:#267d63;font-weight:400}.home-suite-chat{width:170px;display:grid;gap:8px}.home-suite-chat b,.home-suite-chat span{padding:12px;background:#fff;border-radius:10px;font-size:10px;font-weight:500;transform:rotate(-3deg)}.home-suite-chat span{justify-self:end;background:#2ed18a;transform:rotate(3deg)}.home-suite-traits{display:flex;gap:7px;align-items:center;transform:rotate(-6deg)}.home-suite-traits i{width:30px;height:60px;background:#a18aca;border-radius:20px}.home-suite-traits i:nth-child(2){height:90px;background:#fff}.home-suite-traits i:nth-child(3){height:75px;background:#2ed18a}.home-suite-traits i:nth-child(4){height:45px;background:#c2b3dc}.home-role-callout{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#1b1c40;border-radius:15px;padding:28px;margin-top:24px;color:white}.home-role-callout .home-design-label{color:#2ed18a}.home-role-callout h3{font-size:21px;font-weight:500;margin:8px 0 10px;color:#fff}.home-role-callout p{font-size:13px;line-height:1.6;color:#c4ccdc;max-width:560px;margin:0}.home-role-callout a{color:white;flex:none}.home-suite-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;padding-top:24px;border-top:1px solid #e1e6e5;font-size:12px;color:#526079}.home-suite-foot strong{display:block;font-size:19px;font-weight:500;color:#1b1c40;margin-bottom:7px} .home-customer{background:#e7f4ec}.home-customer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.home-customer figure{margin:0;background:#fff;border:1px solid #d8e8dd;border-radius:18px;padding:30px;position:relative}.home-customer-logo svg{width:145px;height:40px;display:block;color:#1b1c40}.home-customer-logo svg *{fill:currentColor}.home-customer-mark{position:absolute;top:22px;right:30px;color:#2ed18a;font-size:80px;line-height:1}.home-customer blockquote{font-size:23px;line-height:1.5;font-weight:500;color:#1b1c40;margin:25px 0}.home-customer figcaption{display:flex;align-items:center;gap:12px;font-size:11px;color:#526079}.home-customer figcaption img{width:44px;height:44px;border-radius:50%;object-fit:cover}.tc-home-pricing{background:#fbfaf8!important;padding:70px 0!important}.tc-home-pricing .tv2-rule{display:none}.tc-home-pricing .tc-home-payg-card{border-radius:18px;box-shadow:0 20px 40px #1b1c4010;transform:rotate(1deg)}.tc-home-pricing .tc-home-payg-head{background:#1b1c40;color:white}.tc-home-pricing .tc-h2{font-size:clamp(30px,3.5vw,44px);line-height:1.12} @media(max-width:720px){.tc-home-makeover .tc-section,.tc-home-pricing{padding:45px 0!important}.home-picture-grid,.home-suite-heading,.home-customer-grid{grid-template-columns:1fr;gap:30px}.home-person-scene{height:340px;max-width:430px;width:100%;margin:auto}.home-person-tile{width:137px;padding:12px}.home-person-tile strong{font-size:10px}.home-person-core{width:130px;top:72px}.home-person-core svg{width:120px}.home-person-ring{inset:35px 20px}.home-workflow-heading{display:block}.home-workflow-heading>p{max-width:none}.home-workflow-grid{grid-template-columns:1fr;gap:32px}.home-workflow-art{height:200px}.home-workflow-art>div{max-width:260px}.home-suite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-suite-card{padding:10px}.home-suite-art{height:105px}.home-suite-card h3{font-size:16px}.home-suite-card p{font-size:11px}.home-suite-numbers{gap:5px}.home-suite-numbers b{width:30px;height:38px;font-size:15px}.home-suite-code{font-size:7px;padding:13px 10px}.home-suite-language{width:125px;height:80px}.home-suite-language>*{font-size:11px;padding:9px 12px}.home-suite-sheet{width:115px;font-size:8px}.home-suite-chat{width:120px}.home-suite-chat b,.home-suite-chat span{font-size:8px;padding:10px}.home-suite-traits{gap:5px}.home-suite-traits i{width:22px}.home-role-callout{display:block;padding:22px}.home-role-callout a{margin-top:20px}.home-suite-foot{grid-template-columns:1fr;gap:16px}.home-suite-foot span{display:flex;align-items:baseline;gap:8px}.home-suite-foot strong{font-size:16px;margin:0}.home-customer blockquote{font-size:21px}.home-customer figure{padding:24px}.tc-home-pricing .tc-home-payg-card{transform:none}} @media(prefers-reduced-motion:reduce){.home-suite-card{transition:none}} .home-workflow-art{height:220px}.home-workflow-art--select>div{transform:rotate(-3deg) scale(.9)} @media(max-width:720px){.home-person-core>span{display:none}.home-tiny-checks{font-size:20px;letter-spacing:5px;white-space:nowrap}} .home-picture h2 span{color:#1b1c40}.home-person-core{top:74px;width:178px}.home-evidence-core{background:#1b1c40;border:1px solid #303452;border-radius:16px;padding:15px 12px;box-shadow:0 18px 30px #1b1c4015;color:white;transform:rotate(-2deg)}.home-evidence-core>span{font:7px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#bdc8dc}.home-person-core .home-evidence-radar svg{width:138px;height:138px;display:block;margin:5px auto}.home-evidence-core strong{display:block;font-size:13px;font-weight:500}.home-evidence-core small{display:block;font-size:7px;color:#bdc8dc;margin-top:6px} @media(max-width:720px){.home-person-core{width:153px;top:68px}.home-evidence-core{padding:12px 8px}.home-person-core .home-evidence-radar svg{width:118px;height:118px}.home-evidence-core strong{font-size:12px}.home-evidence-core small{font-size:6px}} .tc-resource-feature{padding-bottom:10px}.tc-resource-feature-card{display:grid;grid-template-columns:1fr 1.1fr;background:#fff;border:1px solid #dce3e4;border-radius:18px;overflow:hidden;color:#1b1c40;text-decoration:none!important}.tc-resource-feature-art{position:relative;background:#e7f4ec;display:grid;place-items:center;min-height:310px;padding:25px}.tc-resource-feature-paper{width:210px;background:#1b1c40;color:white;padding:24px;border-radius:8px;transform:rotate(-6deg);box-shadow:12px 17px 0 #cddfd5;box-sizing:border-box}.tc-resource-feature-paper>span{font:8px 'IBM Plex Mono',monospace;color:#2ed18a;letter-spacing:.12em}.tc-resource-feature-paper strong{font-size:23px;line-height:1.15;font-weight:500}.tc-resource-paper-shapes{height:70px;display:flex;gap:8px;align-items:center;margin:15px 0}.tc-resource-paper-shapes i{width:46px;height:46px;border-radius:50%;background:#2ed18a}.tc-resource-paper-shapes i:nth-child(2){background:#a28dcb;border-radius:7px;height:65px}.tc-resource-paper-shapes i:nth-child(3){background:#a7cbe5;border-radius:5px;transform:rotate(45deg);width:32px;height:32px}.tc-resource-paper-lines{margin-top:20px}.tc-resource-paper-lines i{display:block;width:90%;height:3px;background:#ffffff30;margin:7px 0}.tc-resource-paper-lines i:last-child{width:65%}.tc-resource-feature-tag{position:absolute;bottom:30px;right:20px;background:#fff;padding:12px 17px;border-radius:8px;font-size:11px;transform:rotate(4deg);box-shadow:0 5px 15px #1b1c4010}.tc-resource-feature-copy{padding:35px;align-self:center}.tc-resource-feature-copy h2{font-size:29px;line-height:1.2;font-weight:500;margin:12px 0 18px}.tc-resource-feature-copy>p:not(.home-design-label){font-size:15px;color:#526079;line-height:1.6}.tc-resource-feature-copy .tc-mono{display:block;font-size:10px;color:#526079;margin:20px 0}.tc-resource-feature-copy .tc-card-action{display:inline-block;border-bottom:2px solid #2ed18a;font-size:13px;padding-bottom:3px}.tc-resource-feature-card:hover .tc-card-action{border-color:#1b1c40}#hiring-insights .tc-directory-card{background:#fff;border:1px solid #e0e5e7;border-radius:12px;padding:24px}#hiring-insights .tc-article-card h2{font-size:21px}#hiring-insights .tc-article-card .tc-mono{font-size:9px} @media(max-width:720px){.tc-resource-feature-card{grid-template-columns:1fr}.tc-resource-feature-art{min-height:280px}.tc-resource-feature-copy{padding:24px}.tc-resource-feature-copy h2{font-size:25px}} #hiring-insights .tc-directory-grid{gap:22px} #hiring-insights .tc-article-card{padding:0;overflow:hidden;display:flex;flex-direction:column}#hiring-insights .tc-article-card__body{padding:22px;flex:1}.tc-resource-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;flex:none;background:#e4f1e9}.tc-resource-thumbnail-photo{width:100%;height:100%;object-fit:cover;display:block}.tc-resource-thumbnail-watermark{position:absolute;right:12px;bottom:12px;width:42px;height:36px;display:grid;place-items:center;border-radius:6px;background:#1b1c4099;backdrop-filter:blur(3px)}.tc-resource-thumbnail-watermark img{display:block;width:28px;height:24px;opacity:.85}.tc-resource-thumbnail-fallback{height:100%;padding:25px;box-sizing:border-box;background:#e7edf6;color:#1b1c40}.tc-resource-thumbnail-fallback>span{font:10px 'IBM Plex Mono',monospace}.tc-resource-thumbnail-fallback>div{display:flex;gap:12px;align-items:center;justify-content:center;height:100%}.tc-resource-thumbnail-fallback i{width:45px;height:45px;border-radius:50%;background:#2ed18a}.tc-resource-thumbnail-fallback i:nth-child(2){height:65px;border-radius:8px;background:#9580c8;transform:rotate(-10deg)}.tc-resource-thumbnail-fallback i:nth-child(3){border-radius:8px;background:#1b1c40;transform:rotate(12deg)} /* Resources controls: full-width search and compact brand topic chips. */ #hiring-insights [data-resource-search]{width:100%;max-width:none;margin:0 0 16px}#hiring-insights [data-resource-query]{display:block;width:100%;box-sizing:border-box;height:48px;padding:12px 16px;border:1px solid #ccd5df;border-radius:7px;background:#fff;color:#1b1c40;font:14px Circular,Arial,sans-serif;outline-offset:3px}#hiring-insights [data-resource-query]::placeholder{color:#8593a8;opacity:1}#hiring-insights [data-resource-query]:focus{border-color:#1b1c40;outline:2px solid #2ed18a}#hiring-insights .tc-topic-filters{display:flex;flex-wrap:nowrap;gap:7px;margin:0 0 26px;overflow-x:auto;padding-bottom:4px}#hiring-insights .tc-topic-filters button{flex:none;white-space:nowrap;font-size:11px;line-height:1.3;font-weight:500;padding:9px 10px;border:1px solid #d8dee7;border-radius:6px;background:#fff;color:#1b1c40}#hiring-insights .tc-topic-filters button:hover{background:#e6f7ed;border-color:#2ed18a}#hiring-insights .tc-topic-filters button[aria-pressed="true"]{background:#2ed18a;color:#1b1c40;border-color:#2ed18a} #hiring-insights [data-resource-search]{width:66.6667%} @media(max-width:720px){#hiring-insights [data-resource-search]{width:100%}} /* Focus (Guy, 4 Oct 2026): one outline, sitting exactly on the field or button, never a second ring around it. Fields darken their own border; buttons and links get a 2px outline on their own edge, for keyboard users only. */ .tc-marketing :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea):focus, .tc-marketing :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea):focus-visible { outline: none !important; box-shadow: none !important; border-color: #1B1C40 !important; } .tc-marketing :is(a, button, [role="button"], summary, input[type="checkbox"], input[type="radio"]):focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; } .tc-marketing :is(a, button, [role="button"], summary, input[type="checkbox"], input[type="radio"]):focus-visible { outline: 2px solid #1B1C40 !important; outline-offset: 0 !important; box-shadow: none !important; } /* One fold-away style everywhere (Guy, 4 Oct 2026): the title on the left, a small chevron on the right that turns when open. Every
except the mobile menu. */ .tc-marketing details:not(.tc-mobile-menu) > summary { list-style: none; position: relative; padding-inline-end: 28px; cursor: pointer; } .tc-marketing details:not(.tc-mobile-menu) > summary::-webkit-details-marker { display: none; } .tc-marketing details:not(.tc-mobile-menu) > summary::after { content: ""; position: absolute; inset-inline-end: 0; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6478' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat; transition: transform .15s ease; } .tc-marketing details:not(.tc-mobile-menu)[open] > summary::after { transform: rotate(180deg); } /* Integrations page */ .tc-integration-status { color:#197453; margin:0 0 14px; } .tc-integrations-foot { margin-top:28px; font-size:1.0625rem; line-height:1.65; } .tc-marketing .tc-feature-grid article > h3:first-child { margin-top:0; } /* Recruitment agencies page (19 Oct 2026) */ .tc-agency-bands th[scope=row] { font-weight: 500; white-space: nowrap; } .tc-agency-pricing article strong { font-size: 1.5rem; display: inline-block; margin-right: 6px; } .tc-editorial--agencies .tc-closer__pricing { display: inline-block; margin-top: 12px; } /* The hero's pricing link sits just under the reassurance line, left-aligned on phones too (Guy, 20 Oct 2026). */ .tc-marketing #main-content .tc-editorial--agencies .tv2-hero__ctas { row-gap: 0; } .tc-marketing #main-content .tc-editorial--agencies .tv2-hero__ctas > a.tc-closer__pricing { width: auto; min-height: 0; padding: 0; text-align: left; margin-top: 16px; } .tc-agency-bands td:last-child { white-space: normal; min-width: 280px; line-height: 1.55; } /* Explore links on product and pricing */ .tc-explore-links__nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem} .tc-explore-links__nav a{display:inline-flex;align-items:center;padding:.6rem 1rem;border:1px solid rgba(17,37,70,.18);border-radius:999px;color:inherit;text-decoration:none;font-weight:500} .tc-explore-links__nav a:hover,.tc-explore-links__nav a:focus-visible{border-color:#20845c;color:#20845c} .tc-about-method{background:#fff}.tc-about-method-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:56px;align-items:center}.tc-about-method .tc-mono{font-size:10px;letter-spacing:.08em;color:#267d63}.tc-about-method h2{font-size:clamp(30px,3.2vw,42px);line-height:1.15;font-weight:500;letter-spacing:-.025em;margin:16px 0 20px;color:#1b1c40}.tc-about-method-lead{color:#526079;font-size:16px;line-height:1.7;margin:0} .tc-about-method-link{display:inline-block;color:#1b1c40;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;border-bottom:2px solid #26cc88;padding-bottom:3px}.tc-about-method-link:hover{opacity:.8}.tc-about-method-link:focus-visible{outline:2px solid currentColor;outline-offset:5px} .tc-about-method-points{list-style:none;margin:28px 0 28px;padding:0;display:grid;gap:16px}.tc-about-method-points li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start}.tc-about-method-points li>span{width:22px;height:22px;border-radius:50%;background:#d8f1e4;position:relative;margin-top:2px}.tc-about-method-points li>span:after{content:'';position:absolute;left:7px;top:4px;width:5px;height:10px;border:solid #228260;border-width:0 2px 2px 0;transform:rotate(45deg)}.tc-about-method-points p{margin:0;font-size:15px;line-height:1.65;color:#526079}.tc-about-method-points strong{color:#1b1c40;font-weight:600} .tc-about-method-bars{margin:0;padding:28px;border:1px solid #dce4e8;border-radius:12px;background:#fff;box-shadow:0 12px 22px #1b1c4008}.tc-about-method-bars>.tc-mono{margin:0 0 16px}.tc-about-method-bar{display:grid;grid-template-columns:minmax(0,1fr) 2.6rem;gap:6px 12px;align-items:center;padding:8px 0}.tc-about-method-bar>span{grid-column:1/-1;font-size:13px;line-height:1.35;color:#1b1c40}.tc-about-method-bar>div{height:10px;border-radius:5px;background:#e2e6ec;overflow:hidden}.tc-about-method-bar i{display:block;height:100%;border-radius:5px;background:#2ed18a}.tc-about-method-bar b{font:500 14px/1 'IBM Plex Mono',monospace;color:#1b1c40;text-align:right}.tc-about-method-bar--cv{margin-top:6px;padding-top:14px;border-top:1px dashed #c9cfd8}.tc-about-method-bar--cv i{background:#94a3b8}.tc-about-method-bar--cv b,.tc-about-method-bar--cv>span{color:#64748b}.tc-about-method-bars figcaption{margin-top:14px;color:#64748b;font-size:12px;line-height:1.5}.tc-about-method-bars figcaption a{color:#1b1c40;text-decoration-color:#2ed18a;text-underline-offset:4px} @media(max-width:900px){.tc-about-method-grid{grid-template-columns:1fr;gap:40px}}@media(max-width:540px){.tc-about-method-bars{padding:20px}} /* The tilted profile picture reaches past the screen edge on phones; clip it to the section so the about page cannot scroll sideways. */ .tc-about-purpose{overflow-x:clip} /* ==== From tc-editorial.css: pages with html[data-tc-css~="editorial"] ==== */ /* Reusable review families: directory, editorial, landing and conversion. */ :where(html[data-tc-css~="editorial"]) .tc-editorial .tc-editorial-hero .tv2-hero__h1 { max-width: 26ch; font-size:clamp(2.1rem,4vw,3.125rem); } :where(html[data-tc-css~="editorial"]) .tc-editorial .tc-editorial-hero .tv2-hero__intro { max-width:65ch; margin-bottom:0; white-space:pre-line; } :where(html[data-tc-css~="editorial"]) .tc-editorial-hero--split { display:grid; grid-template-columns:minmax(0,1fr) 344px; gap:48px; align-items:center; } :where(html[data-tc-css~="editorial"]) .tc-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } :where(html[data-tc-css~="editorial"]) .tv2 a.tc-directory-card { display:flex; flex-direction:column; color:inherit; border:1px solid #E6E3DC; border-radius:9px; padding:25px; text-decoration:none; background:#fff; } /* A card that is not a link (an ATS marked Coming soon): the same box, no hover. */ :where(html[data-tc-css~="editorial"]) .tv2 div.tc-directory-card { display:flex; flex-direction:column; color:inherit; border:1px solid #E6E3DC; border-radius:9px; padding:25px; background:#fff; } :where(html[data-tc-css~="editorial"]) .tv2 a.tc-directory-card:hover { border-color:#12141A; box-shadow:0 3px 12px rgb(27 28 64 / 7%); } :where(html[data-tc-css~="editorial"]) .tc-directory-card h2, :where(html[data-tc-css~="editorial"]) .tc-directory-card h3 { font-size:1.25rem; font-weight:500; line-height:1.3; margin:0 0 12px; } :where(html[data-tc-css~="editorial"]) .tc-directory-card p { font-size:1rem; line-height:1.6; margin-bottom:24px; } :where(html[data-tc-css~="editorial"]) .tc-card-action { margin-top:auto; padding-top:10px; font-size:.9375rem; color:#12141A; font-weight:500; } :where(html[data-tc-css~="editorial"]) .tc-reading-layout { display:grid; grid-template-columns:minmax(0,716px) minmax(0,260px); gap:64px; padding-top:48px; padding-bottom:56px; align-items:start; } :where(html[data-tc-css~="editorial"]) .tc-prose { min-width:0; font-size:1.0625rem; line-height:1.75; overflow-wrap:anywhere; } :where(html[data-tc-css~="editorial"]) .tc-prose .markdown { font-size:inherit; line-height:inherit; color:inherit; } :where(html[data-tc-css~="editorial"]) .tc-prose p { margin:0 0 22px; } :where(html[data-tc-css~="editorial"]) .tc-prose h2, :where(html[data-tc-css~="editorial"]) .tc-prose .markdown h2 { font-size:1.625rem; font-weight:500; line-height:1.3; margin:40px 0 18px; color:#12141A; } :where(html[data-tc-css~="editorial"]) .tc-prose h3, :where(html[data-tc-css~="editorial"]) .tc-prose .markdown h3 { font-size:1.25rem; font-weight:500; line-height:1.4; margin:30px 0 14px; } :where(html[data-tc-css~="editorial"]) .tc-prose ul, :where(html[data-tc-css~="editorial"]) .tc-prose ol { margin:20px 0; padding-left:24px; } :where(html[data-tc-css~="editorial"]) .tc-prose li { margin-bottom:10px; } :where(html[data-tc-css~="editorial"]) .tc-prose ul { list-style:disc; }:where(html[data-tc-css~="editorial"]) .tc-prose ol { list-style:decimal; } :where(html[data-tc-css~="editorial"]) .tc-prose img { max-width:100%; height:auto; } :where(html[data-tc-css~="editorial"]) .tc-prose a { text-decoration:underline; text-underline-offset:3px; } :where(html[data-tc-css~="editorial"]) .tc-prose table { display:block; max-width:100%; overflow:auto; border-collapse:collapse; font-size:.9375rem; margin:20px 0; } :where(html[data-tc-css~="editorial"]) .tc-prose th, :where(html[data-tc-css~="editorial"]) .tc-prose td { padding:12px; border:1px solid #E6E3DC; text-align:left; min-width:120px; } :where(html[data-tc-css~="editorial"]) .tc-prose th { background:#F8F7F3; } :where(html[data-tc-css~="editorial"]) .tc-prose blockquote { border-left:3px solid #2ED18A; padding-left:22px; margin:30px 0; } :where(html[data-tc-css~="editorial"]) .tc-article-image { margin:0 0 36px; }:where(html[data-tc-css~="editorial"]) .tc-article-image img { width:100%; border-radius:9px; } :where(html[data-tc-css~="editorial"]) .tc-byline { display:flex; align-items:center; gap:12px; margin-top:26px; font-size:.9375rem; } :where(html[data-tc-css~="editorial"]) .tc-byline img { border-radius:50%; object-fit:cover; width:48px; height:48px; } :where(html[data-tc-css~="editorial"]) .tc-byline strong, :where(html[data-tc-css~="editorial"]) .tc-byline span { display:block; }:where(html[data-tc-css~="editorial"]) .tc-byline strong {font-weight:500;}:where(html[data-tc-css~="editorial"]) .tc-byline span {font-size:.875rem;color:#5A6478;} :where(html[data-tc-css~="editorial"]) .tc-reading-aside h2 {font-size:1rem;font-weight:500;margin-bottom:16px;}:where(html[data-tc-css~="editorial"]) .tc-reading-aside > a {display:block;padding:12px 0;font-size:.9375rem;} :where(html[data-tc-css~="editorial"]) .tc-reading-aside p {font-size:.9375rem;line-height:1.7;margin:0 0 24px;} :where(html[data-tc-css~="editorial"]) .tc-client-logo {max-width:130px;margin-bottom:28px;}:where(html[data-tc-css~="editorial"]) .tc-client-logo svg {width:100%;height:auto;max-height:80px;} :where(html[data-tc-css~="editorial"]) .tc-reading-aside dt {font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:#5A6478;margin-top:18px;}:where(html[data-tc-css~="editorial"]) .tc-reading-aside dd {font-size:1rem;margin-top:4px;} :where(html[data-tc-css~="editorial"]) .tc-case-quote {margin-top:32px;}:where(html[data-tc-css~="editorial"]) .tc-case-quote blockquote {font-size:1.375rem;line-height:1.5;color:#12141A;}:where(html[data-tc-css~="editorial"]) .tc-case-quote figcaption {display:flex;align-items:center;gap:14px;font-size:.9375rem;line-height:1.5;margin-top:22px;}:where(html[data-tc-css~="editorial"]) .tc-case-quote img {width:48px;height:48px;border-radius:50%;} :where(html[data-tc-css~="editorial"]) .tc-info-layout {padding-top:40px;padding-bottom:56px;}:where(html[data-tc-css~="editorial"]) .tc-info-layout .tc-prose {max-width:800px;} :where(html[data-tc-css~="editorial"]) .tc-band {background:#F8F7F3;border-top:1px solid #EEEBE4;border-bottom:1px solid #EEEBE4;} :where(html[data-tc-css~="editorial"]) .tc-comparison-rows article {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:70px;padding:35px 0;border-top:1px solid #E6E3DC;}:where(html[data-tc-css~="editorial"]) .tc-comparison-rows article:first-child {border-top:0;}:where(html[data-tc-css~="editorial"]) .tc-comparison-rows h2, :where(html[data-tc-css~="editorial"]) .tc-comparison-rows h3 {font-size:1.625rem;font-weight:500;line-height:1.3;}:where(html[data-tc-css~="editorial"]) .tc-comparison-rows p {font-size:1.0625rem;line-height:1.7;}:where(html[data-tc-css~="editorial"]) .tc-comparison-rows .tv2-hero__eyebrow {font-size:.8125rem;} :where(html[data-tc-css~="editorial"]) .tc-editorial .tc-feature-grid {row-gap:40px;}:where(html[data-tc-css~="editorial"]) .tc-editorial .tc-feature-grid h2 {font-size:1.25rem;font-weight:500;line-height:1.3;margin-bottom:12px;} :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] {margin:0;padding:0;max-width:none;}:where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > div:first-child {padding:0;gap:16px;align-items:center;} :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid {grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;} :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid > div {padding:32px;border-radius:10px;box-shadow:none;border-color:#E6E3DC;} :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] {border-top:3px solid #2ED18A!important;} :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] .text-4xl {font-size:2.75rem;line-height:1.3;}:where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] .text-xs {font-size:.875rem;} :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] p, :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] li {font-size:1rem;line-height:1.65;}:where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-status] {font-size:.875rem!important;max-width:70ch;} :where(html[data-tc-css~="editorial"]) .tc-pricing select, :where(html[data-tc-css~="editorial"]) .tc-pricing input {font:inherit;min-height:44px;border:1px solid #E6E3DC;border-radius:5px;padding:9px 12px;background:#fff;max-width:100%;} :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] a {background:#12141A;color:#fff;box-shadow:none;border-radius:4px;min-height:48px;} :where(html[data-tc-css~="editorial"]) .tc-contact-layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:72px;align-items:start;} :where(html[data-tc-css~="editorial"]) .tc-contact-card {border:1px solid #E6E3DC;border-radius:10px;padding:32px;}:where(html[data-tc-css~="editorial"]) .tc-contact-card label {font-size:1rem;}:where(html[data-tc-css~="editorial"]) .tc-contact-card input, :where(html[data-tc-css~="editorial"]) .tc-contact-card textarea {font:inherit;font-size:1rem;background:#fff;border:1px solid #bec5d1;border-radius:4px;padding:12px;min-height:48px;}:where(html[data-tc-css~="editorial"]) .tc-contact-card input:focus, :where(html[data-tc-css~="editorial"]) .tc-contact-card textarea:focus {outline:1px solid #12141A;outline-offset:-1px;box-shadow:none;border-color:#12141A;} :where(html[data-tc-css~="editorial"]) .tc-contact-card .iti {width:100%;}:where(html[data-tc-css~="editorial"]) .tc-contact-card button[type=submit] {border-radius:4px;box-shadow:none;min-height:48px;}:where(html[data-tc-css~="editorial"]) .tc-contact-aside h2 {font-size:1.625rem;font-weight:500;margin-bottom:14px;}:where(html[data-tc-css~="editorial"]) .tc-contact-aside p {font-size:1.0625rem;margin-bottom:16px;}:where(html[data-tc-css~="editorial"]) .tc-contact-aside .tc-case-quote {border-top:1px solid #E6E3DC;padding-top:28px;margin-top:36px;}:where(html[data-tc-css~="editorial"]) .tc-contact-card #js-contact-form-errors {margin-top:16px;} @media(max-width:980px){:where(html[data-tc-css~="editorial"]) .tc-editorial-hero--split, :where(html[data-tc-css~="editorial"]) .tc-reading-layout {grid-template-columns:1fr;gap:32px;}:where(html[data-tc-css~="editorial"]) .tc-directory-grid {grid-template-columns:repeat(2,minmax(0,1fr));}:where(html[data-tc-css~="editorial"]) .tc-reading-aside {border-top:1px solid #E6E3DC;padding-top:28px;}:where(html[data-tc-css~="editorial"]) .tc-contact-layout {gap:32px;}:where(html[data-tc-css~="editorial"]) .tc-comparison-rows article {gap:32px;}} @media(max-width:720px){:where(html[data-tc-css~="editorial"]) .tc-directory-grid, :where(html[data-tc-css~="editorial"]) .tc-contact-layout, :where(html[data-tc-css~="editorial"]) .tc-comparison-rows article, :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid {grid-template-columns:1fr;gap:20px;}:where(html[data-tc-css~="editorial"]) .tc-editorial .tc-editorial-hero .tv2-hero__h1 {font-size:2.25rem;}:where(html[data-tc-css~="editorial"]) .tc-editorial .tc-editorial-hero .tv2-hero__intro {font-size:1.125rem;}:where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid > div, :where(html[data-tc-css~="editorial"]) .tc-contact-card {padding:22px;}:where(html[data-tc-css~="editorial"]) .tc-reading-layout {padding-top:32px;}:where(html[data-tc-css~="editorial"]) .tc-prose h2, :where(html[data-tc-css~="editorial"]) .tc-prose .markdown h2 {font-size:1.5rem;}:where(html[data-tc-css~="editorial"]) .tc-comparison-rows article {padding:26px 0;}:where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] .text-4xl {font-size:2.25rem;}:where(html[data-tc-css~="editorial"]) .tc-case-quote blockquote {font-size:1.25rem;}} /* Give articles, case studies and information pages a distinct editorial masthead above the white reading area. */ :where(html[data-tc-css~="editorial"]) :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) > .tv2-hero-band { background: var(--tc-ink); border-bottom: 0; } :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tv2-hero__h1 { color: #fff; } :where(html[data-tc-css~="editorial"]) :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tc-editorial-hero::before { content: ""; display: block; width: 44px; height: 4px; border-radius: 2px; background: #2ED18A; margin-bottom: 24px; } :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tv2-breadcrumb ol, :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tv2-breadcrumb a, :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tv2-breadcrumb [aria-current="page"], :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tc-byline, :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tc-byline span, :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tv2-hero__intro { color: #cbd0e0; } :where(html[data-tc-css~="editorial"]) :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tc-byline strong { color: #fff; } :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tv2-breadcrumb a:hover { color: #3DDC97; } :where(html[data-tc-css~="editorial"]) :is(.tc-editorial--article, .tc-editorial--case, .tc-editorial--info, .tc-editorial--about, .tc-editorial--blog-index, .tc-editorial--case-index) .tv2-breadcrumb a:focus-visible { outline: 2px solid #3DDC97; outline-offset: 4px; } :where(html[data-tc-css~="editorial"]) .tc-prose .tc-sharing ul { list-style: none; padding-left: 0; } :where(html[data-tc-css~="editorial"]) .tv2 a.tc-article-card { padding: 0; overflow: hidden; } :where(html[data-tc-css~="editorial"]) .tc-article-card__image { display: block; width: 100%; aspect-ratio: 8 / 5; height: auto; object-fit: cover; } :where(html[data-tc-css~="editorial"]) .tc-article-card__body { display: flex; flex-direction: column; flex: 1; padding: 24px; } :where(html[data-tc-css~="editorial"]) .tc-industry-content .tc-feature-grid { grid-template-columns: 1fr; gap: 32px; } :where(html[data-tc-css~="editorial"]) .tc-industry-content .tc-step { display: none; } :where(html[data-tc-css~="editorial"]) :is(.tc-editorial--industry, .tc-editorial--solution, .tc-editorial--competitor) .tc-test-hero .tv2-hero__h1 { max-width: none; } :where(html[data-tc-css~="editorial"]) .tc-editorial--product .tc-home-hero .tv2-hero__h1 { max-width: 21ch; } :where(html[data-tc-css~="editorial"]) .tc-editorial--product .tc-benefits .tc-step { display: grid; place-items: center; width: 52px; height: 52px; background: #E4F8EE; color: #12141A; border-radius: 14px; margin-bottom: 24px; } :where(html[data-tc-css~="editorial"]) .tc-editorial--product .tc-comparison-rows { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px; } :where(html[data-tc-css~="editorial"]) .tc-editorial--product .tc-comparison-rows article { display: block; border: 0; padding: 0; } :where(html[data-tc-css~="editorial"]) .tc-editorial--product .tc-comparison-rows h2 { margin: 12px 0 18px; } @media(max-width:720px) { :where(html[data-tc-css~="editorial"]) .tc-editorial--product .tc-comparison-rows { grid-template-columns: 1fr; gap: 32px; } } /* Pricing: a clear offer beside a contrasting, live estimate. */ :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid { align-items: start; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid > div { padding: 36px; border-radius: 16px; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] { box-shadow: 0 10px 36px rgb(27 28 64 / 6%)!important; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] > p:first-child span { display: inline-block; padding: 6px 12px; border-radius: 20px; background: #E4F8EE; color: #12141A; font-weight: 500; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] [data-per-candidate-amount] { display: block; font-size: clamp(3rem,5vw,4.25rem); line-height: 1.15; letter-spacing: -.04em; color: #12141A; margin: 16px 0 8px; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] ul { list-style: none; margin: 24px 0; padding: 24px 0 0; border-top: 1px solid #e5e8ed; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] li { position: relative; padding-left: 30px; margin: 0 0 16px; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] li::before { content: "✓"; position: absolute; left: 0; top: 3px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #E4F8EE; color: #12141A; font-size: .8rem; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] > a { margin-top: 4px; background: #2ED18A; color: #12141A; border-radius: 8px; font-weight: 500; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] > a:hover { background: #62d7a4; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid > .tc-price-estimator { background: #12141A; border-color: #12141A; color: #fff; } :where(html[data-tc-css~="editorial"]) .tc-pricing .tc-price-estimator h2 { color: #fff; font-size: 1.5rem; font-weight: 500; margin-bottom: 16px; } :where(html[data-tc-css~="editorial"]) .tc-pricing .tc-price-estimator p { color: #cbd0e0; } :where(html[data-tc-css~="editorial"]) .tc-pricing .tc-price-estimator label { margin-top: 28px; } :where(html[data-tc-css~="editorial"]) .tc-pricing .tc-price-estimator label > span { color: #fff; display: block; margin-bottom: 8px; } :where(html[data-tc-css~="editorial"]) .tc-pricing .tc-price-estimator input { width: 100%; padding: 14px 16px; border-radius: 8px; color: #12141A; font-size: 1.25rem; } :where(html[data-tc-css~="editorial"]) .tc-pricing input:focus-visible, :where(html[data-tc-css~="editorial"]) .tc-pricing select:focus-visible { outline: 3px solid #2ED18A; outline-offset: 3px; } :where(html[data-tc-css~="editorial"]) .tc-price-estimate { border-top: 1px solid #494a68; padding-top: 24px; margin-top: 28px; } :where(html[data-tc-css~="editorial"]) .tc-price-estimate > strong { display: block; font-size: clamp(2.75rem,4vw,3.5rem); line-height: 1.2; letter-spacing: -.025em; color: #3DDC97; margin: 12px 0; } :where(html[data-tc-css~="editorial"]) .tc-price-estimate__breakdown { display: flex; justify-content: space-between; gap: 16px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #494a68; font-size: .9375rem; } @media(max-width:720px) { :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid > div { padding: 24px; } } /* Editorial presentation from the September handover. */ :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial > .tv2-hero-band { background:var(--tc-ground); border-bottom:1px solid var(--tc-line); } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tv2-hero__h1 { color:var(--tc-ink); } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tc-editorial-hero::before { display:none; } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tv2-breadcrumb ol, :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tv2-breadcrumb a, :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tv2-breadcrumb [aria-current=page], :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tc-byline, :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tc-byline span { color:var(--tc-muted); } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tv2-hero__intro { color:var(--tc-body); } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tc-byline strong { color:var(--tc-ink); } :where(html[data-tc-css~="editorial"]) .tc-editorial .tc-editorial-hero .tv2-hero__h1 { font-size:clamp(36px,4.4vw,52px); } :where(html[data-tc-css~="editorial"]) .tc-editorial-hero { max-width:900px; } :where(html[data-tc-css~="editorial"]) :is(.tc-editorial--product,.tc-editorial--pricing,.tc-editorial--test-index,.tc-editorial--case-index,.tc-editorial--blog-index,.tc-editorial--directory,.tc-editorial--industry,.tc-editorial--solution,.tc-editorial--competitor) .tc-editorial-hero { text-align:center; margin-inline:auto; } :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--product,.tc-editorial--pricing,.tc-editorial--test-index,.tc-editorial--case-index,.tc-editorial--blog-index,.tc-editorial--directory,.tc-editorial--industry,.tc-editorial--solution,.tc-editorial--competitor) .tv2-breadcrumb ol { justify-content:center; text-align:center; } :where(html[data-tc-css~="editorial"]) :is(.tc-editorial--product,.tc-editorial--pricing,.tc-editorial--test-index,.tc-editorial--case-index,.tc-editorial--blog-index,.tc-editorial--directory) .tc-editorial-hero .tv2-hero__h1, :where(html[data-tc-css~="editorial"]) :is(.tc-editorial--product,.tc-editorial--pricing,.tc-editorial--test-index,.tc-editorial--case-index,.tc-editorial--blog-index,.tc-editorial--directory) .tc-editorial-hero .tv2-hero__intro { margin-inline:auto; } :where(html[data-tc-css~="editorial"]) :is(.tc-editorial--product,.tc-editorial--test-index,.tc-editorial--pricing,.tc-editorial--case-index,.tc-editorial--blog-index) > .tv2-hero-band .tv2-hero-band__inner { box-sizing:border-box; min-height:450px; } :where(html[data-tc-css~="editorial"]) .tc-editorial--product .tc-editorial-hero .tc-offer { margin-inline:auto; } :where(html[data-tc-css~="editorial"]) :is(.tc-editorial--product,.tc-editorial--test-index,.tc-editorial--pricing,.tc-editorial--case-index,.tc-editorial--blog-index) .tv2-hero__ctas { justify-content:center; margin-inline:auto; } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-reading-layout { display:flex; flex-wrap:wrap; gap:48px; align-items:flex-start; } :where(html[data-tc-css~="editorial"]) .tc-reading-layout > .tc-prose { flex:1 1 460px; max-width:716px; } :where(html[data-tc-css~="editorial"]) .tc-reading-layout > .tc-reading-aside { flex:1 1 220px; min-width:0; border-top:0; padding-top:0; } :where(html[data-tc-css~="editorial"]) .tc-reading-aside a { display:block; padding:11px 0; font-size:14px; } :where(html[data-tc-css~="editorial"]) .tc-reading-aside a:hover { background:var(--tc-hover); } :where(html[data-tc-css~="editorial"]) .tc-reading-aside nav { margin-bottom:32px; } :where(html[data-tc-css~="editorial"]) .tc-prose { line-height:1.7; color:var(--tc-body); } :where(html[data-tc-css~="editorial"]) .tc-prose h2, :where(html[data-tc-css~="editorial"]) .tc-prose .markdown h2 { color:var(--tc-ink); } :where(html[data-tc-css~="editorial"]) .tc-info-layout .tc-prose { max-width:716px; } :where(html[data-tc-css~="editorial"]) .tc-editorial--about .tc-info-layout .tc-prose { max-width:none; } :where(html[data-tc-css~="editorial"]) .tc-editorial--about .tc-visual-row { align-items:start; } :where(html[data-tc-css~="editorial"]) .tc-editorial--about .tc-visual-row > div { max-width:716px; } :where(html[data-tc-css~="editorial"]) .tc-timeline { display:grid; grid-auto-flow:column; grid-auto-columns:190px; padding:20px 0; gap:26px; border-top:1px solid var(--tc-line); min-width:800px; } :where(html[data-tc-css~="editorial"]) .tc-prose .tc-timeline h3 { font-size:17px; margin:10px 0; } :where(html[data-tc-css~="editorial"]) .tc-prose .tc-timeline p { font-size:14px; margin:0 0 12px; } :where(html[data-tc-css~="editorial"]) .tc-prose .tc-timeline .tc-mono { font-size:20px; color:var(--tc-ink); border-top:3px solid var(--tc-green); padding-top:16px; } :where(html[data-tc-css~="editorial"]) .tc-values-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:32px 0; } :where(html[data-tc-css~="editorial"]) .tc-values-grid section { border-top:1px solid var(--tc-line); } :where(html[data-tc-css~="editorial"]) .tc-directory-grid { column-gap:36px; row-gap:0; } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-directory-grid a.tc-directory-card { border:0; border-top:1px solid var(--tc-line); border-radius:0; background:transparent; padding:24px 0; box-shadow:none; } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-directory-grid div.tc-directory-card { border:0; border-top:1px solid var(--tc-line); border-radius:0; background:transparent; padding:24px 0; box-shadow:none; } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-directory-grid a.tc-directory-card:hover { background:var(--tc-hover); } :where(html[data-tc-css~="editorial"]) .tc-directory-card .tv2-rule { display:none; } :where(html[data-tc-css~="editorial"]) .tc-directory-card p { font-size:15px; margin-bottom:12px; color:var(--tc-muted); } :where(html[data-tc-css~="editorial"]) .tc-card-action { font-size:13px; margin-top:8px; padding:0; } :where(html[data-tc-css~="editorial"]) .tc-directory-card .tc-card-action { text-decoration:underline; text-decoration-color:var(--tc-green); text-decoration-thickness:2px; text-underline-offset:4px; } :where(html[data-tc-css~="editorial"]) .tc-directory-card:hover .tc-card-action { text-decoration-color:var(--tc-ink); } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-directory-grid .tc-article-card__body { padding:0; } :where(html[data-tc-css~="editorial"]) .tc-article-card__image { display:none; } :where(html[data-tc-css~="editorial"]) .tc-featured-story { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; align-items:center; padding-bottom:48px; margin-bottom:38px; border-bottom:1px solid var(--tc-line); } :where(html[data-tc-css~="editorial"]) .tc-featured-story img { width:100%; height:auto; aspect-ratio:8/5; object-fit:cover; border-radius:5px; align-self:flex-start; } :where(html[data-tc-css~="editorial"]) .tc-featured-story .tc-mono { color:var(--tc-muted); margin-bottom:16px; } :where(html[data-tc-css~="editorial"]) .tc-featured-story:hover .tc-link-label { border-color:var(--tc-ink); } :where(html[data-tc-css~="editorial"]) .tc-editorial--case-index .tc-featured-story { grid-template-columns:minmax(0,.5fr) minmax(0,1fr); border-bottom:0; } :where(html[data-tc-css~="editorial"]) .tc-editorial--case-index .tc-featured-story .tc-client-logo { max-width:220px; margin-inline:auto; width:70%; } :where(html[data-tc-css~="editorial"]) .tc-editorial--case-index .tc-client-grid { grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:24px; } :where(html[data-tc-css~="editorial"]) .tc-editorial--case-index .tc-client-grid .tc-directory-card > p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:4; } :where(html[data-tc-css~="editorial"]) .tc-featured-story blockquote { font-size:18px; line-height:1.7; margin-bottom:20px; } :where(html[data-tc-css~="editorial"]) .tc-load-more { display:block; margin:32px auto 0; padding:12px 24px; border:1px solid var(--tc-ink); border-radius:4px; color:var(--tc-ink); font:inherit; } :where(html[data-tc-css~="editorial"]) .tc-load-more:hover { background:var(--tc-hover); } :where(html[data-tc-css~="editorial"]) .tc-case-quote { background:var(--tc-surface); padding:28px; border:1px solid var(--tc-line); border-radius:5px; } :where(html[data-tc-css~="editorial"]) .tc-customer-stories .tc-case-quote { border:0; background:transparent; padding:0; } :where(html[data-tc-css~="editorial"]) .tc-client-logo svg { max-width:100%; width:auto; height:auto; max-height:50px; } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tc-included-band { background:var(--tc-dark); color:#c7c7d0; } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-included-band h2, :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-included-band h3 { color:#fff; } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-included-band .tc-feature-grid article { border-top-color:#33343e; } :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-included-band .homev2-sec-note { color:#c7c7d0; } :where(html[data-tc-css~="editorial"]) .tc-editorial--product .tc-benefits .tc-step { background:transparent; width:auto; height:auto; display:block; color:var(--tc-muted); font-size:13px; margin:0 0 16px; } :where(html[data-tc-css~="editorial"]) .tc-offer-table { min-width:550px; } :where(html[data-tc-css~="editorial"]) .tc-offer-table td { font-family:inherit; white-space:normal; } :where(html[data-tc-css~="editorial"]) .tc-offer-table tbody tr:first-child { background:transparent; } :where(html[data-tc-css~="editorial"]) .tc-offer-table tbody td { background:#E4F8EE; } :where(html[data-tc-css~="editorial"]) .tc-contact-card { padding:0; border:0; background:transparent; } :where(html[data-tc-css~="editorial"]) .tc-contact-card button[type=submit] { background:var(--tc-ink); color:#fff; } :where(html[data-tc-css~="editorial"]) .tc-contact-card button[type=submit]:hover { background:#2A2D38; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid > div { border-radius:6px; box-shadow:none!important; padding:32px; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] > a { background:var(--tc-ink); color:#fff; border-radius:4px; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] > a:hover { background:#2A2D38; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] > p:first-child span { border-radius:3px; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid > .tc-price-estimator { background:var(--tc-dark); border-color:var(--tc-dark); } :where(html[data-tc-css~="editorial"]) .tc-price-estimate > strong { color:#3DDC97; font-family:'IBM Plex Mono',monospace; } :where(html[data-tc-css~="editorial"]) .tc-pricing .tc-price-estimator input[type=range] { background:transparent; padding:0; border:0; accent-color:#3DDC97; min-height:28px; } :where(html[data-tc-css~="editorial"]) .tc-pricing .tc-price-estimator .tc-range-label { margin-top:16px; } :where(html[data-tc-css~="editorial"]) .tc-range-label > span { font-size:13px; } :where(html[data-tc-css~="editorial"]) .tc-pricing .tc-price-estimator [data-per-candidate-candidates] { max-width:150px; } @media(max-width:980px) { :where(html[data-tc-css~="editorial"]) .tc-directory-grid, :where(html[data-tc-css~="editorial"]) .tc-editorial--case-index .tc-client-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }:where(html[data-tc-css~="editorial"]) .tc-values-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }:where(html[data-tc-css~="editorial"]) .tc-featured-story { gap:28px; } } @media(max-width:720px) { :where(html[data-tc-css~="editorial"]) .tc-directory-grid, :where(html[data-tc-css~="editorial"]) .tc-editorial--case-index .tc-client-grid, :where(html[data-tc-css~="editorial"]) .tc-values-grid, :where(html[data-tc-css~="editorial"]) .tc-featured-story, :where(html[data-tc-css~="editorial"]) .tc-editorial--case-index .tc-featured-story { grid-template-columns:1fr; }:where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid { grid-template-columns:1fr; }:where(html[data-tc-css~="editorial"]) .tc-marketing .tc-reading-layout { gap:32px; }:where(html[data-tc-css~="editorial"]) .tc-reading-layout > .tc-prose { flex-basis:100%; }:where(html[data-tc-css~="editorial"]) .tc-featured-story .tc-client-logo { margin-left:0!important; }:where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate] > .grid > div { padding:24px; }:where(html[data-tc-css~="editorial"]) .tc-case-quote { padding:22px; } } :where(html[data-tc-css~="editorial"]) .tc-editorial--case .tc-reading-aside dl { display:grid; grid-template-columns:1fr; } :where(html[data-tc-css~="editorial"]) .tc-editorial--case .tc-reading-aside dt, :where(html[data-tc-css~="editorial"]) .tc-editorial--case .tc-reading-aside dd { font-family:'IBM Plex Mono',monospace; font-size:12px; } :where(html[data-tc-css~="editorial"]) .tc-editorial--case .tc-reading-aside dt { border-top:1px solid var(--tc-line); padding-top:14px; } :where(html[data-tc-css~="editorial"]) .tc-pricing [data-per-candidate-offer] .text-gray-600 { color:var(--tc-muted); } :where(html[data-tc-css~="editorial"]) .tc-topic-filters { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 30px; } :where(html[data-tc-css~="editorial"]) .tc-topic-filters button { font:inherit; font-size:14px; border:1px solid var(--tc-line); border-radius:4px; padding:8px 14px; color:var(--tc-ink); background:transparent; } :where(html[data-tc-css~="editorial"]) .tc-topic-filters button:hover { background:var(--tc-hover); border-color:var(--tc-ink); } :where(html[data-tc-css~="editorial"]) .tc-topic-filters button[aria-pressed=true] { border-color:var(--tc-ink); background:var(--tc-ink); color:#fff; } :where(html[data-tc-css~="editorial"]) .tc-contact-card input::placeholder, :where(html[data-tc-css~="editorial"]) .tc-contact-card textarea::placeholder { color:var(--tc-muted); opacity:1; } :where(html[data-tc-css~="editorial"]) .tc-tests-routes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } @media(max-width:720px) { :where(html[data-tc-css~="editorial"]) .tc-tests-routes { grid-template-columns:1fr; } } /* Shared compact hero and FAQ treatment for the core marketing pages. */ :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--pricing,.tc-editorial--blog-index,.tc-editorial--case-index,.tc-editorial--about,.tc-editorial--contact) .tc-editorial-hero {text-align:left;margin-inline:0;max-width:900px} :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--pricing,.tc-editorial--blog-index,.tc-editorial--case-index,.tc-editorial--about,.tc-editorial--contact) .tv2-breadcrumb ol {justify-content:flex-start;text-align:left} :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--pricing,.tc-editorial--blog-index,.tc-editorial--case-index,.tc-editorial--about,.tc-editorial--contact) :is(.tv2-hero__h1,.tv2-hero__intro,.tv2-hero__ctas) {margin-inline:0} :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--pricing,.tc-editorial--blog-index,.tc-editorial--case-index) .tv2-hero__ctas {justify-content:flex-start} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial--blog-index > .tv2-hero-band .tv2-hero-band__inner {min-height:0} :where(html[data-tc-css~="editorial"]) .tc-faq-grid, :where(html[data-tc-css~="editorial"]) .product-faq-grid {display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin-top:28px;align-items:start} :where(html[data-tc-css~="editorial"]) .tc-faq-grid details, :where(html[data-tc-css~="editorial"]) .product-faq-grid details {border-bottom:1px solid #dce4e8;padding:18px 0} :where(html[data-tc-css~="editorial"]) .tc-faq-grid summary, :where(html[data-tc-css~="editorial"]) .product-faq-grid summary {font-size:15px;line-height:1.6;font-weight:600;cursor:pointer} :where(html[data-tc-css~="editorial"]) .tc-faq-grid details p, :where(html[data-tc-css~="editorial"]) .product-faq-grid details p {font-size:14px;line-height:1.8;color:#526079;margin-top:18px} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-payg-start a.tc-payg-button {text-decoration:none;border-radius:6px} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-payg-start a.tc-payg-button:is(:hover,:focus-visible) {text-decoration:underline;text-decoration-color:#2ED18A;text-underline-offset:5px} :where(html[data-tc-css~="editorial"]) .tc-product .tc-hero-full-report {width:100%;min-width:0} @media(max-width:700px){:where(html[data-tc-css~="editorial"]) .tc-faq-grid, :where(html[data-tc-css~="editorial"]) .product-faq-grid{grid-template-columns:1fr;gap:0}} :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-editorial--pricing,.tc-editorial--blog-index,.tc-editorial--case-index,.tc-editorial--about,.tc-editorial--contact) :is(.tv2-hero__h1,.tv2-hero__intro) {text-align:left} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-pricing .tc-payg-button span {text-decoration:none} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-pricing .tc-payg-button:is(:hover,:focus-visible) span {text-decoration:underline;text-decoration-color:#2ED18A;text-underline-offset:5px} /* Breadcrumbs belong to the content, keeping hero entrances consistent. */ :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-content-breadcrumb {background:#fff;border-bottom:1px solid #e6e9ec} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-content-breadcrumb .tv2-breadcrumb {margin:0;padding:18px 0;font-size:13px} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-content-breadcrumb .tv2-breadcrumb ol {justify-content:flex-start;text-align:left;flex-wrap:wrap;gap:8px} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-content-breadcrumb .tv2-breadcrumb, :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-content-breadcrumb .tv2-breadcrumb a, :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-content-breadcrumb .tv2-breadcrumb [aria-current="page"] {color:#526079} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-content-breadcrumb .tv2-breadcrumb a:hover {color:#14203a;text-decoration:underline} :where(html[data-tc-css~="editorial"]) .tc-marketing .tv2-hero-band .tv2-hero-band__inner, :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-trust .tv2-hero-band .tv2-hero-band__inner, :where(html[data-tc-css~="editorial"]) .tc-marketing .tv2-hero-band:has(.tc-home-hero) .tv2-hero-band__inner {padding-top:40px;padding-bottom:40px} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-acquisition .acq-hero {padding-top:40px;padding-bottom:40px} :where(html[data-tc-css~="editorial"]) .tc-marketing :is(.tc-home-hero,.acq-hero-grid,.tc-tests-hub-hero-grid,.tc-category-hero-grid) {align-items:start} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-home-hero > .tv2-hero__main {padding-top:0} @media(max-width:700px){ :where(html[data-tc-css~="editorial"]) .tc-marketing .tv2-hero-band .tv2-hero-band__inner, :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-trust .tv2-hero-band .tv2-hero-band__inner, :where(html[data-tc-css~="editorial"]) .tc-marketing .tv2-hero-band:has(.tc-home-hero) .tv2-hero-band__inner {padding-top:28px;padding-bottom:28px} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-acquisition .acq-hero {padding-top:28px;padding-bottom:28px} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-content-breadcrumb .tv2-breadcrumb {padding:14px 0} } :where(html[data-tc-css~="editorial"]) .tc-marketing .tv2-hero-band .tv2-hero__eyebrow, :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-category-hero-grid > div:first-child > .acq-eyebrow, :where(html[data-tc-css~="editorial"]) .tc-marketing .acq-hero-grid > div:first-child > .acq-eyebrow {margin-top:0} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial--pricing > .tv2-hero-band .tv2-hero-band__inner {padding-top:40px;padding-bottom:40px} @media(max-width:700px){:where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial--pricing > .tv2-hero-band .tv2-hero-band__inner {padding-top:28px;padding-bottom:28px}} /* Useful page-specific panels share the homepage's two-column composition. */ :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tc-core-hero-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;max-width:none;align-items:start} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-hero-panel {box-sizing:border-box;background:#fff;color:#14203a;border:1px solid #dfe5ea;border-radius:12px;padding:32px;min-width:0;box-shadow:0 18px 50px rgba(0,0,0,.12)} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-hero-panel .tc-core-panel-label {margin:0 0 24px;color:#526079;font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-hero-panel h2 {font-size:28px;line-height:1.25;margin:0 0 18px;color:#14203a} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-hero-panel p {font-size:15px;line-height:1.7;color:#526079} :where(html[data-tc-css~="editorial"]) .tc-core-panel-rows {display:grid;margin:24px 0 0} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-panel-rows > :is(a,div) {display:grid;gap:8px;padding:20px 0;border-top:1px solid #e3e9ed;color:#14203a;text-decoration:none} :where(html[data-tc-css~="editorial"]) .tc-core-panel-rows span {font-size:14px;line-height:1.6;color:#526079} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-panel-rows a:hover strong, :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-panel-link:hover {text-decoration:underline;text-underline-offset:4px} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-hero-panel .tc-core-panel-link {display:inline-block;color:#146344;font-size:15px;font-weight:600;margin-top:24px} :where(html[data-tc-css~="editorial"]) .tc-core-panel-logo {width:160px;margin-bottom:28px} :where(html[data-tc-css~="editorial"]) .tc-core-panel-logo svg {width:100%;max-height:56px} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-hero-panel blockquote {font-size:20px;line-height:1.6;color:#14203a;margin:0 0 20px} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-hero-panel .tc-core-panel-byline {font-size:13px} @media(max-width:1023px){:where(html[data-tc-css~="editorial"]) .tc-marketing .tc-editorial .tc-core-hero-grid {grid-template-columns:1fr;gap:32px}:where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-hero-panel{padding:24px}:where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-hero-panel h2{font-size:24px}} :where(html[data-tc-css~="editorial"]) .tc-marketing .tc-core-hero-panel a span {border-bottom:0;text-decoration:none} /* Developer documentation (/developers/) and partners (/partners/), TC partner API 19 Oct 2026 */ :where(html[data-tc-css~="editorial"]) .tc-docs-layout { display:grid; grid-template-columns:minmax(0,240px) minmax(0,820px); gap:56px; padding-top:40px; padding-bottom:56px; align-items:start; } :where(html[data-tc-css~="editorial"]) .tc-docs-nav { position:sticky; top:88px; font-size:.9375rem; } :where(html[data-tc-css~="editorial"]) .tc-docs-nav h2 { font-size:.8125rem; letter-spacing:.08em; text-transform:uppercase; color:#6B6E76; margin:0 0 12px; font-weight:500; } :where(html[data-tc-css~="editorial"]) .tc-docs-nav a { display:block; padding:6px 0; color:#12141A; text-decoration:none; border-top:1px solid #EEEBE4; } :where(html[data-tc-css~="editorial"]) .tc-docs-nav a:hover { color:#0A7A4B; } :where(html[data-tc-css~="editorial"]) .tc-docs-nav a.tc-docs-nav-sub { padding-left:16px; border-top:0; font-size:.875rem; color:#6B6E76; } :where(html[data-tc-css~="editorial"]) .tc-docs-nav-foot { font-size:.8125rem; color:#6B6E76; margin-top:20px; line-height:1.5; } :where(html[data-tc-css~="editorial"]) .tc-docs pre { background:#12141A; color:#F3F2EE; border-radius:9px; padding:18px 20px; overflow-x:auto; font-size:.875rem; line-height:1.6; margin:12px 0 24px; } :where(html[data-tc-css~="editorial"]) .tc-docs pre code { background:transparent; color:inherit; padding:0; font-size:inherit; } :where(html[data-tc-css~="editorial"]) .tc-docs code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9em; background:#F3F2EE; padding:2px 6px; border-radius:4px; } :where(html[data-tc-css~="editorial"]) .tc-docs-endpoint { background:#F3F2EE; padding:4px 10px; border-radius:6px; white-space:nowrap; } :where(html[data-tc-css~="editorial"]) .tc-docs-method { font-weight:600; font-size:.75em; letter-spacing:.06em; margin-right:6px; } :where(html[data-tc-css~="editorial"]) .tc-docs-method--get { color:#0A7A4B; } :where(html[data-tc-css~="editorial"]) .tc-docs-method--post { color:#B4530A; } :where(html[data-tc-css~="editorial"]) .tc-docs-steps li { margin-bottom:22px; } :where(html[data-tc-css~="editorial"]) .tc-docs-steps li > ul { margin:12px 0 0; } :where(html[data-tc-css~="editorial"]) .tc-docs-group { margin-top:44px; padding-top:12px; border-top:2px solid #12141A; } :where(html[data-tc-css~="editorial"]) .tc-docs-op { margin:0 0 36px; padding:0 0 24px; border-bottom:1px solid #EEEBE4; } :where(html[data-tc-css~="editorial"]) .tc-docs-op h4 { font-size:1.0625rem; font-weight:500; margin:0 0 12px; display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; } :where(html[data-tc-css~="editorial"]) .tc-docs-summary { color:#6B6E76; font-weight:400; font-size:.9375rem; } :where(html[data-tc-css~="editorial"]) .tc-docs-label { font-size:.8125rem; letter-spacing:.08em; text-transform:uppercase; color:#6B6E76; margin:14px 0 4px; } :where(html[data-tc-css~="editorial"]) .tc-docs-responses { display:flex; flex-wrap:wrap; gap:6px 18px; font-size:.875rem; color:#6B6E76; margin:0; } :where(html[data-tc-css~="editorial"]) .tc-docs-table { width:100%; border-collapse:collapse; font-size:.9375rem; margin:12px 0 18px; } :where(html[data-tc-css~="editorial"]) .tc-docs-table th, :where(html[data-tc-css~="editorial"]) .tc-docs-table td { text-align:left; vertical-align:top; padding:9px 10px 9px 0; border-top:1px solid #EEEBE4; } :where(html[data-tc-css~="editorial"]) .tc-docs-table th { font-weight:500; color:#6B6E76; font-size:.8125rem; letter-spacing:.06em; text-transform:uppercase; border-top:0; } :where(html[data-tc-css~="editorial"]) .tc-docs-table td p { margin:0; } :where(html[data-tc-css~="editorial"]) .tc-docs-table small { color:#B4530A; font-size:.75rem; margin-left:4px; } :where(html[data-tc-css~="editorial"]) .tc-docs section { scroll-margin-top:96px; } :where(html[data-tc-css~="editorial"]) .tc-partner-routes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:28px; } :where(html[data-tc-css~="editorial"]) .tc-partner-route { border:1px solid #E6E3DC; border-radius:9px; padding:28px; background:#fff; } :where(html[data-tc-css~="editorial"]) .tc-partner-route h3 { font-size:1.375rem; font-weight:500; margin:6px 0 14px; } :where(html[data-tc-css~="editorial"]) .tc-partner-route p { margin:0 0 14px; line-height:1.6; } :where(html[data-tc-css~="editorial"]) .tc-partner-price { font-size:1.125rem; } :where(html[data-tc-css~="editorial"]) .tc-partner-price strong { font-size:2rem; font-weight:500; margin-right:8px; } :where(html[data-tc-css~="editorial"]) .tc-partner-route-note { font-size:.9375rem; color:#6B6E76; } :where(html[data-tc-css~="editorial"]) .tc-partner-ctas { margin-top:28px; gap:14px; } :where(html[data-tc-css~="editorial"]) .tc-partner-apply-note { max-width:65ch; margin-top:18px; line-height:1.6; } @media(max-width:900px) { :where(html[data-tc-css~="editorial"]) .tc-docs-layout { grid-template-columns:1fr; gap:24px; } :where(html[data-tc-css~="editorial"]) .tc-docs-nav { position:static; } :where(html[data-tc-css~="editorial"]) .tc-partner-routes { grid-template-columns:1fr; } } /* ==== From tc-referrals.css: pages with html[data-tc-css~="referrals"] ==== */ /* Referral pages use the marketing site's Circular fonts, ink, paper and form controls. */ :where(html[data-tc-css~="referrals"]) .tc-referrals [hidden]{display:none!important}:where(html[data-tc-css~="referrals"]) .tc-marketing #main-content .tc-referral-hero.tv2-hero-band{min-height:0}:where(html[data-tc-css~="referrals"]) .tc-referral-hero{padding:56px 0 60px}:where(html[data-tc-css~="referrals"]) .tc-referral-hero .tv2-hero__h1{max-width:25ch;margin:18px 0 22px}:where(html[data-tc-css~="referrals"]) .tc-referral-hero .tv2-hero__intro{max-width:58ch;margin:0}:where(html[data-tc-css~="referrals"]) .tc-referral-content{background:var(--tc-surface);padding:0 0 72px}:where(html[data-tc-css~="referrals"]) .tc-referral-intro>.tc-h2{font-size:2rem;margin:0 0 18px}:where(html[data-tc-css~="referrals"]) .tc-referral-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:90px;align-items:start;padding:56px 0 20px}:where(html[data-tc-css~="referrals"]) .tc-referral-note{color:var(--tc-muted);font-size:.9375rem}:where(html[data-tc-css~="referrals"]) .tc-referral-steps{list-style:none;margin:36px 0 0;padding:0;max-width:48ch}:where(html[data-tc-css~="referrals"]) .tc-referral-steps li{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--tc-line)}:where(html[data-tc-css~="referrals"]) .tc-referral-steps li>.tc-mono{padding-top:3px;color:var(--tc-muted)}:where(html[data-tc-css~="referrals"]) .tc-referral-steps h3{font-size:1.125rem;font-weight:500;margin:0 0 6px}:where(html[data-tc-css~="referrals"]) .tc-referral-steps p{font-size:.9375rem;line-height:1.55;color:var(--tc-muted);margin:0}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-card{background:#fff;border:1px solid var(--tc-line);border-radius:8px;padding:36px}:where(html[data-tc-css~="referrals"]) .tc-referral-card>.tc-mono, :where(html[data-tc-css~="referrals"]) .tc-referral-card [data-join-panel]>.tc-mono{font-size:.6875rem;letter-spacing:.09em;margin-bottom:16px}:where(html[data-tc-css~="referrals"]) .tc-referral-card h2{font-size:1.75rem;font-weight:500;line-height:1.2;margin:0 0 16px}:where(html[data-tc-css~="referrals"]) .tc-referral-card h1, :where(html[data-tc-css~="referrals"]) .tc-referral-terms h1{font-size:2.25rem;line-height:1.15;margin:16px 0 22px;font-weight:500}:where(html[data-tc-css~="referrals"]) .tc-referral-card .tc-contact-card-intro{font-size:1rem;line-height:1.6;margin-bottom:28px;color:var(--tc-muted)}:where(html[data-tc-css~="referrals"]) .tc-referral-card label{display:block;font-size:.9375rem;margin-bottom:10px}:where(html[data-tc-css~="referrals"]) .tc-referral-card input[type=email], :where(html[data-tc-css~="referrals"]) .tc-referral-copy input{width:100%;min-height:48px;border:1px solid #bec5d1;border-radius:4px;background:#fff;font:inherit;padding:12px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-card .tc-referral-check{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;font-weight:400;line-height:1.55;margin:20px 0 24px}:where(html[data-tc-css~="referrals"]) .tc-referral-check input[type=checkbox]{flex:none;min-height:0;width:17px;height:17px;padding:0;margin-top:3px;accent-color:var(--tc-ink)}:where(html[data-tc-css~="referrals"]) .tc-referral-card a:not(.tv2-btn--primary), :where(html[data-tc-css~="referrals"]) .tc-referral-terms a, :where(html[data-tc-css~="referrals"]) .tc-referral-fine a{text-decoration:underline;text-underline-offset:3px}:where(html[data-tc-css~="referrals"]) .tc-referral-card button[type=submit]{width:100%}:where(html[data-tc-css~="referrals"]) .tc-referrals button{font:inherit;cursor:pointer}:where(html[data-tc-css~="referrals"]) .tc-referrals button:disabled{opacity:.6;cursor:wait}:where(html[data-tc-css~="referrals"]) .tc-referrals .tc-referral-fine{font-size:.8125rem;line-height:1.6;color:var(--tc-muted);margin:18px 0 0}:where(html[data-tc-css~="referrals"]) .tc-referral-privacy{border-top:1px solid var(--tc-line);padding-top:22px;margin:24px 0 0;font-size:.8125rem;color:var(--tc-muted)}:where(html[data-tc-css~="referrals"]) .tc-referral-error{font-size:.9375rem;color:#a32c27;margin:16px 0 0}:where(html[data-tc-css~="referrals"]) .tc-referral-error:empty{display:none}:where(html[data-tc-css~="referrals"]) .tc-referral-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:var(--tc-surface);border:1px solid var(--tc-line);border-radius:50%;margin-bottom:26px}:where(html[data-tc-css~="referrals"]) .tc-referral-card [data-inbox-panel]>p:not(.tc-mono){margin:16px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-card [data-change-email]{margin-top:12px}:where(html[data-tc-css~="referrals"]) .tc-referral-single{max-width:720px;margin:36px auto}:where(html[data-tc-css~="referrals"]) .tc-referral-single .tv2-btn--primary{margin:20px 0;display:inline-flex}:where(html[data-tc-css~="referrals"]) .tc-referral-terms section{padding:22px 0;border-top:1px solid var(--tc-line)}:where(html[data-tc-css~="referrals"]) .tc-referral-terms h2{font-size:1.25rem;font-weight:500;margin-bottom:10px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:32px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-heading h1{font-size:2.25rem;line-height:1.2;font-weight:500;margin-top:12px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-heading>div:last-child{display:flex;gap:18px;align-items:center}:where(html[data-tc-css~="referrals"]) .tc-referral-text-button{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:4px;color:inherit;min-height:44px}:where(html[data-tc-css~="referrals"]) .tc-referral-share{margin-bottom:32px}:where(html[data-tc-css~="referrals"]) .tc-referral-copy{display:flex;gap:12px;margin-bottom:10px}:where(html[data-tc-css~="referrals"]) .tc-referral-share label{margin-top:28px}:where(html[data-tc-css~="referrals"]) .tc-referral-copy .tv2-btn--primary{flex:none}:where(html[data-tc-css~="referrals"]) .tc-referral-share [data-copy-status]{font-size:.875rem}:where(html[data-tc-css~="referrals"]) .tc-referral-balances, :where(html[data-tc-css~="referrals"]) .tc-referral-introductions{border-top:1px solid var(--tc-line);padding:30px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-section-heading h2, :where(html[data-tc-css~="referrals"]) .tc-referral-introductions>h2{font-size:1.75rem;font-weight:500;margin:0 0 20px}:where(html[data-tc-css~="referrals"]) .tc-referral-section-heading select{padding:8px;border:1px solid var(--tc-line);border-radius:4px;margin-left:10px}:where(html[data-tc-css~="referrals"]) .tc-referral-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}:where(html[data-tc-css~="referrals"]) .tc-referral-metrics>div{background:#fff;border:1px solid var(--tc-line);border-radius:6px;padding:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-metrics p{font-size:.9375rem;margin-bottom:12px;color:var(--tc-muted)}:where(html[data-tc-css~="referrals"]) .tc-referral-metrics strong{display:block;font-size:2rem;font-weight:500;margin-bottom:10px}:where(html[data-tc-css~="referrals"]) .tc-referral-metrics span{font-size:.8125rem;color:var(--tc-muted)}:where(html[data-tc-css~="referrals"]) .tc-referral-next{padding:22px 24px;background:#eeece5;margin-top:24px;border-radius:6px}:where(html[data-tc-css~="referrals"]) .tc-referral-next h3{font-size:1rem;font-weight:500;margin-bottom:8px}:where(html[data-tc-css~="referrals"]) .tc-referral-next p{font-size:.9375rem;margin:0}:where(html[data-tc-css~="referrals"]) .tc-referral-introductions [data-empty]{padding:28px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-introductions [data-empty] h3{font-size:1.25rem;font-weight:500;margin-bottom:10px}:where(html[data-tc-css~="referrals"]) .tc-referrals :focus-visible{outline:2px solid var(--tc-ink);outline-offset:4px}:where(html[data-tc-css~="referrals"]) .tc-referral-terms{padding:16px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-single>[data-confirm]{display:flex}:where(html[data-tc-css~="referrals"]) .tc-referral-steps li:last-child{padding-bottom:0} @media(max-width:980px){:where(html[data-tc-css~="referrals"]) .tc-referral-layout{gap:36px;grid-template-columns:1fr 1fr}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-card{padding:26px}:where(html[data-tc-css~="referrals"]) .tc-referral-card h2{font-size:1.5rem}}@media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-referral-layout{grid-template-columns:1fr;padding-top:20px;gap:36px}:where(html[data-tc-css~="referrals"]) .tc-referral-hero{padding:36px 0 40px}:where(html[data-tc-css~="referrals"]) .tc-referral-content{padding-bottom:40px}:where(html[data-tc-css~="referrals"]) .tc-referral-hero .tv2-hero__h1{font-size:2.25rem}:where(html[data-tc-css~="referrals"]) .tc-referral-steps{margin-top:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-card h1, :where(html[data-tc-css~="referrals"]) .tc-referral-terms h1, :where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-heading h1{font-size:1.875rem}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-heading{align-items:flex-start;flex-direction:column}:where(html[data-tc-css~="referrals"]) .tc-referral-metrics{grid-template-columns:1fr;gap:12px}:where(html[data-tc-css~="referrals"]) .tc-referral-copy{flex-direction:column}:where(html[data-tc-css~="referrals"]) .tc-referral-card{min-width:0}:where(html[data-tc-css~="referrals"]) .tc-referral-metrics>div{padding:20px}:where(html[data-tc-css~="referrals"]) .tc-referral-single{margin:28px 0}} /* A concise offer and email signup beside a native vector illustration. */ :where(html[data-tc-css~="referrals"]) .tc-referral-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center} :where(html[data-tc-css~="referrals"]) .tc-referral-hero .tv2-hero__h1{font-size:clamp(2rem,3.7vw,3.125rem);max-width:none;letter-spacing:-.025em} :where(html[data-tc-css~="referrals"]) .tc-referral-hero .tv2-hero__h1>span{display:block} :where(html[data-tc-css~="referrals"]) .tc-referral-hero .tv2-hero__intro{font-size:1.0625rem;max-width:48ch} :where(html[data-tc-css~="referrals"]) .tc-marketing .tv2-hero-band .tc-referral-hero-reassurance{font-size:.8125rem;color:#B6B7C6;margin:12px 0 0} :where(html[data-tc-css~="referrals"]) .tc-referral-visual{width:100%;max-width:480px;justify-self:center} :where(html[data-tc-css~="referrals"]) .tc-referral-visual svg{display:block;width:100%;height:auto;overflow:visible;font-family:inherit} :where(html[data-tc-css~="referrals"]) .tc-referral-visual-link{animation:tc-referral-arrive .65s ease-out both} :where(html[data-tc-css~="referrals"]) .tc-referral-visual-saving{animation:tc-referral-arrive .65s .25s ease-out both} :where(html[data-tc-css~="referrals"]) .tc-referral-visual-reward{animation:tc-referral-arrive .65s .5s ease-out both} :where(html[data-tc-css~="referrals"]) .tc-referral-motion{opacity:0;animation:tc-referral-path-appear 3.5s ease-out forwards} :where(html[data-tc-css~="referrals"]) .tc-referral-faq{background:#fff;border-top:1px solid var(--tc-line);padding:64px 0 72px} :where(html[data-tc-css~="referrals"]) .tc-referral-faq .tc-faq{max-width:1120px} :where(html[data-tc-css~="referrals"]) .tc-referral-faq .tc-h2{font-size:2rem;margin:0 0 28px;font-weight:500} :where(html[data-tc-css~="referrals"]) .tc-referral-faq details p{max-width:70ch;color:var(--tc-muted);padding-bottom:4px} :where(html[data-tc-css~="referrals"]) #join-referrals{scroll-margin-top:28px} @keyframes tc-referral-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} @keyframes tc-referral-path-appear{0%,8%{opacity:0}12%,90%{opacity:1}100%{opacity:0}} @media(max-width:900px){:where(html[data-tc-css~="referrals"]) .tc-referral-hero-grid{grid-template-columns:1fr;gap:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-hero .tv2-hero__h1{font-size:clamp(2rem,5vw,3.125rem)}:where(html[data-tc-css~="referrals"]) .tc-referral-visual{max-width:390px}:where(html[data-tc-css~="referrals"]) .tc-referral-hero .tv2-hero__intro{max-width:52ch}} @media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-referral-faq{padding:40px 0 48px}:where(html[data-tc-css~="referrals"]) .tc-referral-faq .tc-h2{font-size:1.75rem}:where(html[data-tc-css~="referrals"]) .tc-referral-visual{max-width:350px}:where(html[data-tc-css~="referrals"]) .tc-referral-hero .tv2-hero__h1{font-size:2rem}} @media(prefers-reduced-motion:reduce){:where(html[data-tc-css~="referrals"]) .tc-referral-visual-link, :where(html[data-tc-css~="referrals"]) .tc-referral-visual-saving, :where(html[data-tc-css~="referrals"]) .tc-referral-visual-reward{animation:none}:where(html[data-tc-css~="referrals"]) .tc-referral-motion{display:none;animation:none}} :where(html[data-tc-css~="referrals"]) .tc-referral-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px} :where(html[data-tc-css~="referrals"]) .tc-referral-faq-column{min-width:0} @media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-referral-faq-grid{grid-template-columns:1fr;gap:0}} /* One signup action in the navy hero; the body explains the programme. */ :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth{margin-top:26px;max-width:560px} :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth label[for=referral-email]{display:block;color:#fff;font-size:.875rem;margin-bottom:8px} :where(html[data-tc-css~="referrals"]) .tc-referral-signup-row{display:flex;gap:10px;align-items:stretch} :where(html[data-tc-css~="referrals"]) .tc-referral-signup-row input{width:100%;min-width:0;flex:1;min-height:50px;padding:12px 14px;border:1px solid #CBD0DA;border-radius:5px;background:#fff;color:#191E3B;font:inherit} :where(html[data-tc-css~="referrals"]) .tc-referral-signup-row input::placeholder{color:#697084} :where(html[data-tc-css~="referrals"]) .tc-marketing #main-content .tc-referral-signup-row button{flex:none;background:#3DDC97;border:1px solid #3DDC97;border-radius:5px;color:#fff;font-size:.9375rem;padding:12px 16px;white-space:nowrap} :where(html[data-tc-css~="referrals"]) .tc-marketing #main-content .tc-referral-signup-row button:hover{background:#79E8B8;border-color:#79E8B8} :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth .tc-referral-check{display:flex;gap:9px;align-items:flex-start;font-size:.8125rem;line-height:1.5;color:#E0E2EA;margin:16px 0 0} :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth .tc-referral-check input{width:16px;height:16px;min-height:0;margin:2px 0 0;flex:none;accent-color:#3DDC97} :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-hero-auth a{color:#E0E2EA;text-decoration:underline;text-underline-offset:3px} :where(html[data-tc-css~="referrals"]) .tc-referrals .tc-referral-hero-auth .tc-referral-fine{font-size:.75rem;line-height:1.6;color:#B6B7C6;margin:12px 0 0} :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth .tc-referral-error{color:#FFB8B0} :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth [data-inbox-panel]{padding:20px 0 0;max-width:48ch} :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth [data-inbox-panel] h2{color:#fff;font-size:1.625rem;font-weight:500;margin:0 0 12px} :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth [data-inbox-panel]>p:not(.tc-referral-fine){color:#C7C7D0;font-size:.9375rem;line-height:1.6;margin:0 0 14px} :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth [data-inbox-panel]>.tc-mono{display:none} :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth .tc-referral-icon{display:none} :where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth [data-change-email]{background:transparent;color:#fff;border:1px solid #7C829B;border-radius:4px;padding:10px 16px;margin-top:18px} :where(html[data-tc-css~="referrals"]) .tc-referrals .tc-referral-hero-auth :focus-visible{outline-color:#3DDC97} :where(html[data-tc-css~="referrals"]) .tc-referral-layout{display:block} :where(html[data-tc-css~="referrals"]) .tc-referral-layout .tc-referral-intro>.tc-h2{margin-bottom:12px} :where(html[data-tc-css~="referrals"]) .tc-referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:none;margin-top:28px} :where(html[data-tc-css~="referrals"]) .tc-referral-steps li{align-items:flex-start;padding-top:22px} @media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-referral-signup-row{flex-direction:column}:where(html[data-tc-css~="referrals"]) .tc-referral-signup-row button{width:100%}:where(html[data-tc-css~="referrals"]) .tc-referral-steps{grid-template-columns:1fr;gap:0}:where(html[data-tc-css~="referrals"]) .tc-referral-hero-auth{max-width:none}:where(html[data-tc-css~="referrals"]) .tc-referral-hero-grid{gap:30px}} :where(html[data-tc-css~="referrals"]) .tc-referral-earn-underline{text-decoration-line:underline;text-decoration-color:#3DDC97;text-decoration-thickness:3px;text-underline-offset:7px;text-decoration-skip-ink:none} /* A connected three-step product diagram. */ :where(html[data-tc-css~="referrals"]) .tc-referral-diagram{gap:40px;margin-top:34px} :where(html[data-tc-css~="referrals"]) .tc-referral-diagram>li{display:block;position:relative;border:0;padding:0} :where(html[data-tc-css~="referrals"]) .tc-referral-step-visual{background:#EEEEE8;border:1px solid #E2E3DD;border-radius:9px;overflow:hidden;margin-bottom:24px} :where(html[data-tc-css~="referrals"]) .tc-referral-step-visual svg{display:block;width:100%;height:auto;font-family:inherit} :where(html[data-tc-css~="referrals"]) .tc-referral-step-copy .tc-referral-step-number{font-size:.6875rem;letter-spacing:.1em;color:#176B4B;margin:0 0 12px} :where(html[data-tc-css~="referrals"]) .tc-referral-diagram h3{font-size:1.25rem;line-height:1.3;margin:0 0 14px;font-weight:500} :where(html[data-tc-css~="referrals"]) .tc-referral-step-copy>p:not(.tc-referral-step-number){font-size:.9375rem;line-height:1.65} :where(html[data-tc-css~="referrals"]) .tc-referral-step-arrow{position:absolute;top:72px;right:-34px;width:28px;height:20px;color:#7B9587} @media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-referral-diagram{gap:36px;max-width:440px;margin-left:auto;margin-right:auto}:where(html[data-tc-css~="referrals"]) .tc-referral-step-visual{margin-bottom:20px}:where(html[data-tc-css~="referrals"]) .tc-referral-step-arrow{top:auto;bottom:-29px;right:calc(50% - 14px);width:24px;height:18px;transform:rotate(90deg)}} :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-promise{margin:22px 0 0;max-width:49ch;font-size:.875rem;line-height:1.6} :where(html[data-tc-css~="referrals"]) .tc-referral-pack-promise strong{display:block;color:#fff;font-weight:500;margin-bottom:5px} :where(html[data-tc-css~="referrals"]) .tc-referral-pack-promise span{display:block;color:#B6B7C6} :where(html[data-tc-css~="referrals"]) .tc-referral-calculator, :where(html[data-tc-css~="referrals"]) .tc-referral-pack-preview{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;margin:64px 0;padding:36px;border:1px solid var(--tc-line);border-radius:12px;background:#fff}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator label, :where(html[data-tc-css~="referrals"]) .tc-referral-share label{display:block;margin:18px 0 8px;font-size:.875rem}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator input, :where(html[data-tc-css~="referrals"]) .tc-referral-share select, :where(html[data-tc-css~="referrals"]) .tc-referral-share textarea{font:inherit;padding:12px;border:1px solid #cdd3da;border-radius:6px;width:100%;box-sizing:border-box;color:#191e3b;background:white}:where(html[data-tc-css~="referrals"]) .tc-referral-example-result{background:#e4f7ee;border-radius:8px;padding:28px;align-self:center}:where(html[data-tc-css~="referrals"]) .tc-referral-example-result output{display:block;color:#191e3b;font-size:3rem;font-weight:500}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-preview{background:transparent;border:0;padding:0}:where(html[data-tc-css~="referrals"]) .tc-referral-preview-message{padding:28px;border:1px solid var(--tc-line);border-radius:8px;background:white}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}:where(html[data-tc-css~="referrals"]) .tc-referral-activity{margin:24px 0;color:#526075}:where(html[data-tc-css~="referrals"]) .tc-referral-invite-benefits{margin:30px 0;padding:24px;background:#f4f6f8;border-radius:8px}:where(html[data-tc-css~="referrals"]) .tc-referral-invite-benefits li{margin:14px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator[hidden], :where(html[data-tc-css~="referrals"]) .tc-referral-pack-preview[hidden]{display:none}@media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-referral-calculator, :where(html[data-tc-css~="referrals"]) .tc-referral-pack-preview{grid-template-columns:1fr;gap:24px;margin:40px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator{padding:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-actions>*{width:100%}} :where(html[data-tc-css~="referrals"]) .tc-referral-customer-proof{margin:32px 0;padding:28px;background:#f2f5f4;border-radius:8px}:where(html[data-tc-css~="referrals"]) .tc-referral-customer-proof blockquote{font-size:1.125rem;line-height:1.65;margin:12px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-customer-proof a{text-decoration:underline}:where(html[data-tc-css~="referrals"]) .tc-referral-public-proof[hidden]{display:none} :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-actions button, :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-copy button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #191e3b;border-radius:6px;font:inherit;font-size:.875rem;cursor:pointer;line-height:1.3}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-actions .tv2-btn--primary, :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-copy button{color:#fff;background:#191e3b}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-actions .tv2-btn--ghost{color:#191e3b;background:#fff}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-actions button:hover, :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-copy button:hover{box-shadow:0 2px 8px #191e3b20}:where(html[data-tc-css~="referrals"]) .tc-referral-share textarea{resize:vertical;min-height:250px} :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-single .tv2-btn--primary{padding:13px 22px;background:#191e3b;color:#fff;border:1px solid #191e3b;border-radius:6px;font-weight:500;text-decoration:none}:where(html[data-tc-css~="referrals"]) .tc-referral-public-proof{margin-bottom:48px} /* Sharing-pack preview: clear inclusions beside a small product illustration. */ :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-preview{grid-template-columns:1fr 1fr;align-items:center;gap:72px;margin:80px 0 64px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-overview>.tc-mono{color:#227b59;margin-bottom:18px;font-size:.6875rem;letter-spacing:.09em}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-overview>.tc-h2{font-size:2.25rem;line-height:1.18;margin-bottom:22px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-overview>p:not(.tc-mono):not(.tc-referral-fine){max-width:42ch;color:#657083;line-height:1.65}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-inclusions{list-style:none;padding:0;margin:28px 0;display:grid;gap:22px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-inclusions li{display:flex;align-items:flex-start;gap:14px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-inclusions li>span{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:8px;background:#e0f5ea;color:#176b4b;font-size:21px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-inclusions strong{display:block;font-size:.9375rem;font-weight:500;color:#191e3b}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-inclusions p{font-size:.8125rem;color:#657083;line-height:1.55;margin:5px 0 0}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-showcase{padding:28px;background:#eeeee8;border:1px solid #e4e4dc;border-radius:14px;position:relative}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art{margin:0 0 -32px 50px;padding:24px 26px 44px;border-radius:8px;background:#191e3b;color:white;transform:rotate(3deg);box-shadow:0 8px 22px #191e3b12;min-height:220px;position:relative;overflow:hidden}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art>span{font-size:.8125rem;font-weight:500;display:block}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art>strong{display:block;font-weight:500;font-size:1.7rem;line-height:1.2;margin:22px 0 12px;position:relative;z-index:1}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art>em{font-size:.75rem;font-style:normal;color:#3ddc97;display:block;position:relative;z-index:1}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art>small{display:block;font-size:.5rem;letter-spacing:.07em;margin-top:28px;color:#b6bccd}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art-bars{display:flex;align-items:flex-end;gap:7px;position:absolute;right:20px;bottom:40px;height:95px;opacity:.25}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art-bars i{display:block;width:20px;background:#3ddc97;border-radius:3px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art-bars i:nth-child(1){height:35px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art-bars i:nth-child(2){height:65px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art-bars i:nth-child(3){height:95px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-showcase .tc-referral-preview-message{position:relative;margin:0 26px 0 0;padding:24px;border-radius:8px;border:1px solid #dfe3e7;box-shadow:0 8px 24px #191e3b08;background:#fff}:where(html[data-tc-css~="referrals"]) .tc-referral-message-heading{display:flex;gap:12px;align-items:center;margin-bottom:18px}:where(html[data-tc-css~="referrals"]) .tc-referral-message-icon{width:34px;height:34px;background:#e4f7ed;color:#176b4b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}:where(html[data-tc-css~="referrals"]) .tc-referral-message-heading strong{display:block;font-size:.8125rem;font-weight:500}:where(html[data-tc-css~="referrals"]) .tc-referral-message-heading div>span{display:block;font-size:.625rem;color:#7a8290;margin-top:3px}:where(html[data-tc-css~="referrals"]) .tc-referral-preview-message>p{font-size:.8125rem;line-height:1.65;color:#526075;margin:12px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-preview-link{display:flex;justify-content:space-between;gap:16px;background:#f1f8f4;padding:11px 12px;border-radius:4px;color:#227b59;font-size:.75rem;margin-top:16px}:where(html[data-tc-css~="referrals"]) .tc-referral-preview-message>.tc-referral-message-disclosure{font-size:.625rem;line-height:1.55;color:#7a8290;margin:14px 0 0}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-customer-proof{display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px;padding:36px 40px;margin:0;background:#fff;border:1px solid #e4e5df;border-radius:10px}:where(html[data-tc-css~="referrals"]) .tc-referral-proof-brand>.tc-mono{font-size:.5625rem;letter-spacing:.08em;color:#657083;margin:0 0 24px}:where(html[data-tc-css~="referrals"]) .tc-referral-proof-brand .tc-client-logo{max-width:130px;min-height:0}:where(html[data-tc-css~="referrals"]) .tc-referral-proof-brand svg{width:100%;max-height:66px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-proof-quote blockquote{font-size:1.25rem;line-height:1.55;max-width:60ch;color:#191e3b;margin:0 0 18px}:where(html[data-tc-css~="referrals"]) .tc-referral-proof-byline{font-size:.8125rem;color:#657083;margin:0 0 10px}:where(html[data-tc-css~="referrals"]) .tc-referral-proof-quote>a{font-size:.8125rem;font-weight:500}:where(html[data-tc-css~="referrals"]) .tc-referrals .tc-referral-proof-quote .tc-referral-fine{font-size:.625rem;margin-top:14px}:where(html[data-tc-css~="referrals"]) .tc-referral-single .tc-referral-customer-proof{grid-template-columns:1fr;gap:20px;margin:28px 0;padding:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-single .tc-referral-proof-brand{display:flex;justify-content:space-between;align-items:center;gap:20px}:where(html[data-tc-css~="referrals"]) .tc-referral-single .tc-referral-proof-brand>.tc-mono{margin:0}:where(html[data-tc-css~="referrals"]) .tc-referral-single .tc-referral-proof-brand .tc-client-logo{width:100px}:where(html[data-tc-css~="referrals"]) .tc-referral-single .tc-referral-proof-quote blockquote{font-size:1rem}@media(max-width:850px){:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-preview{gap:32px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-overview>.tc-h2{font-size:1.875rem}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-showcase{padding:20px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art{margin-left:20px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-customer-proof{grid-template-columns:130px minmax(0,1fr);gap:28px;padding:28px}}@media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-preview{grid-template-columns:1fr;gap:32px;margin:48px 0 36px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art{margin-left:36px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-showcase .tc-referral-preview-message{margin-right:12px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-customer-proof{grid-template-columns:1fr;gap:24px;padding:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-proof-brand{display:flex;align-items:center;justify-content:space-between;gap:20px}:where(html[data-tc-css~="referrals"]) .tc-referral-proof-brand>.tc-mono{margin:0}:where(html[data-tc-css~="referrals"]) .tc-referral-proof-brand .tc-client-logo{width:100px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-proof-quote blockquote{font-size:1.125rem}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-art>strong{font-size:1.5rem}} /* Full-width calculator shelf, with an accessible native range control. */ :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-calculator{display:block;background:#fff;border:0;border-radius:0;margin:64px 0 0;padding:64px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator-inner>div>.tc-mono{font-size:.625rem;letter-spacing:.08em;color:#227b59;margin-bottom:18px}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator-inner .tc-h2{font-size:2.5rem;line-height:1.15;margin:0 0 20px}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator-inner>div>p:not(.tc-mono):not(.tc-referral-fine){font-size:.9375rem;line-height:1.65;color:#657083;max-width:48ch}:where(html[data-tc-css~="referrals"]) .tc-referral-slider-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 18px}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator .tc-referral-slider-heading label{font-size:.8125rem;color:#526075;margin:0}:where(html[data-tc-css~="referrals"]) .tc-referral-slider-heading output{font-size:1.625rem;font-weight:500;color:#191e3b;white-space:nowrap}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-calculator input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:8px;min-height:0;border:0;border-radius:8px;padding:0;margin:12px 0;cursor:pointer;--referral-slider-progress:20%;background:linear-gradient(to right,#237f5b 0%,#237f5b var(--referral-slider-progress),#e9edea var(--referral-slider-progress),#e9edea 100%)}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#191e3b;border:4px solid #fff;box-shadow:0 0 0 1px #c5cfd0,0 3px 8px #191e3b20}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#191e3b;border:4px solid #fff;box-shadow:0 0 0 1px #c5cfd0}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator input[type=range]:focus-visible{outline:2px solid #237f5b;outline-offset:10px}:where(html[data-tc-css~="referrals"]) .tc-referral-slider-scale{display:flex;justify-content:space-between;font-size:.6875rem;color:#7a8290;margin:8px 0 20px}:where(html[data-tc-css~="referrals"]) .tc-referrals .tc-referral-calculator .tc-referral-fine{font-size:.6875rem;line-height:1.6;max-width:60ch}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-example-result{padding:40px;background:#e4f7ee;border-radius:10px}:where(html[data-tc-css~="referrals"]) .tc-referral-example-result>.tc-mono{font-size:.625rem;letter-spacing:.08em;color:#27664d;margin-bottom:22px}:where(html[data-tc-css~="referrals"]) .tc-referral-example-result>output{font-size:4.75rem;line-height:1.1;letter-spacing:-.035em;margin-bottom:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-example-result>[data-example-rate]{font-size:.875rem;color:#486452;line-height:1.65;max-width:36ch}:where(html[data-tc-css~="referrals"]) .tc-referral-example-payout{display:flex;align-items:center;gap:10px;border-top:1px solid #cbe6d7;padding-top:18px;margin-top:26px;color:#27664d}:where(html[data-tc-css~="referrals"]) .tc-referral-example-payout>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#ccebdc;flex:none}:where(html[data-tc-css~="referrals"]) .tc-referral-example-payout p{font-size:.75rem;line-height:1.5;margin:0}@media(max-width:850px){:where(html[data-tc-css~="referrals"]) .tc-referral-calculator-inner{gap:36px}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator-inner .tc-h2{font-size:2.125rem}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-example-result{padding:30px}:where(html[data-tc-css~="referrals"]) .tc-referral-example-result>output{font-size:4rem}}@media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-calculator{padding:40px 0;margin-top:36px}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator-inner{grid-template-columns:1fr;gap:32px}:where(html[data-tc-css~="referrals"]) .tc-referral-calculator-inner .tc-h2{font-size:2rem}:where(html[data-tc-css~="referrals"]) .tc-referral-slider-heading output{font-size:1.375rem}:where(html[data-tc-css~="referrals"]) .tc-referral-example-result>output{font-size:3.5rem}} /* The shared inbox owns its card styling; this page only supplies its frame. */ :where(html[data-tc-css~="referrals"]) .tc-marketing #main-content .tc-referrals[data-inbox-open] .tc-referral-hero.tv2-hero-band{background:#f7f7f4;padding:56px 0 72px;min-height:65vh}:where(html[data-tc-css~="referrals"]) .tc-referrals[data-inbox-open] .tc-referral-hero-grid{display:block}:where(html[data-tc-css~="referrals"]) .tc-referrals[data-inbox-open] .tc-referral-hero-copy{max-width:none}:where(html[data-tc-css~="referrals"]) .tc-referrals[data-inbox-open] .tc-referral-hero-copy>:not(.tc-referral-hero-auth), :where(html[data-tc-css~="referrals"]) .tc-referrals[data-inbox-open] .tc-referral-visual{display:none}:where(html[data-tc-css~="referrals"]) .tc-referrals[data-inbox-open] .tc-referral-hero-auth{max-width:520px;margin:0 auto}:where(html[data-tc-css~="referrals"]) .tc-referrals[data-inbox-open] .tc-referral-content{padding:0} :where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header{background:#191e3b;color:white;border-bottom:1px solid #343951}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header>.tv2-pad{display:flex;align-items:center;gap:28px;min-height:86px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header .tc-wordmark{display:block;width:220px;max-width:100%}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header svg{width:100%;display:block}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header>.tv2-pad>span{font-size:.8125rem;color:#c7cad4;border-left:1px solid #53576d;padding-left:28px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header nav{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:.875rem}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header a, :where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header button{color:inherit;text-decoration:none}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header button{font:inherit;background:none;border:0;padding:10px 0;cursor:pointer}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header button:hover, :where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header nav a:hover{text-decoration:underline}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-footer{display:flex;gap:24px;align-items:center;padding-top:30px;padding-bottom:30px;border-top:1px solid #e4e5df;color:#687184;font-size:.75rem}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-footer span{margin-right:auto}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-loading{padding-top:50px;padding-bottom:50px;color:#687184}:where(html[data-tc-css~="referrals"]) .tc-referrals[data-view=dashboard]{min-height:calc(100vh - 168px)}@media(max-width:640px){:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header>.tv2-pad{gap:14px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header .tc-wordmark{width:180px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header>.tv2-pad>span{order:3;width:100%;border:0;padding-left:0;font-size:.75rem}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header nav{gap:16px;font-size:.8125rem}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-footer{flex-wrap:wrap;gap:16px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-footer span{width:100%}} :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-header a, :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-header button{color:#fff}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-heading>div:last-child{display:block} :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-header .tc-referral-app-symbol{display:block;width:44px;color:#fff}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-header .tc-referral-app-symbol svg{display:block;width:100%;height:auto;color:#fff}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-header .tc-referral-dashboard-brand{flex:none;color:#fff} /* Referral workspace: personal link, progress, then clearly separated sharing tools. */ :where(html[data-tc-css~="referrals"]) .tc-marketing #main-content .tc-referral-dashboard-hero{background:#191e3b;color:#fff;padding:48px 0 42px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-hero>.tv2-pad{max-width:1280px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-hero .tc-mono{font-size:.625rem;letter-spacing:.09em;color:#8fdab6;margin:0 0 18px}:where(html[data-tc-css~="referrals"]) .tc-marketing #main-content .tc-referral-dashboard-hero h1{color:#fff;font-size:2.75rem;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:0 0 20px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-offer{font-size:1.125rem;font-weight:500;margin:0 0 10px;color:#fff}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-description{max-width:72ch;font-size:.875rem;line-height:1.7;color:#c5c9d8;margin:0 0 28px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-hero label{display:block;font-size:.8125rem;color:#e3e6ef;margin-bottom:10px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-hero .tc-referral-copy{max-width:880px;gap:12px;margin-bottom:10px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-hero .tc-referral-copy input{font-size:.875rem;padding:14px 16px;min-width:0}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-hero .tc-referral-copy button{background:#3ddc97;border-color:#3ddc97;color:#191e3b;gap:20px;font-weight:500;min-width:130px}:where(html[data-tc-css~="referrals"]) .tc-referral-link-help{font-size:.75rem;color:#aab1c5;margin:0}:where(html[data-tc-css~="referrals"]) .tc-referral-copy-status{font-size:.8125rem;color:#227b59;min-height:1.5em;margin:10px 0 0}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-hero .tc-referral-copy-status{color:#9de7bf}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-hero a.tc-referral-hero-pack-link{display:inline-flex;gap:12px;align-items:center;font-size:.8125rem;color:#fff;text-decoration:underline;text-underline-offset:4px;margin-top:8px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body{padding-top:40px;padding-bottom:56px}:where(html[data-tc-css~="referrals"]) .tc-referral-section-heading>.tc-mono, :where(html[data-tc-css~="referrals"]) .tc-referral-section-heading>div>.tc-mono, :where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-pack>.tc-mono{font-size:.625rem;color:#227b59;letter-spacing:.09em;margin-bottom:10px}:where(html[data-tc-css~="referrals"]) .tc-referral-section-heading{margin-bottom:22px}:where(html[data-tc-css~="referrals"]) .tc-referral-section-heading h2, :where(html[data-tc-css~="referrals"]) .tc-referral-introductions>h2, :where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-pack>h2{font-size:1.625rem;line-height:1.25;font-weight:500;margin:0}:where(html[data-tc-css~="referrals"]) .tc-referral-auto-update{font-size:.6875rem;color:#7b8594;display:flex;gap:8px;align-items:center}:where(html[data-tc-css~="referrals"]) .tc-referral-auto-update:before{content:"";width:6px;height:6px;border-radius:50%;background:#2ca36d}:where(html[data-tc-css~="referrals"]) .tc-referral-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}:where(html[data-tc-css~="referrals"]) .tc-referral-progress-grid article{padding:24px;background:#fff;border:1px solid #e4e5df;border-radius:8px}:where(html[data-tc-css~="referrals"]) .tc-referral-progress-grid p{font-size:.8125rem;color:#526075;margin:0 0 16px}:where(html[data-tc-css~="referrals"]) .tc-referral-progress-grid strong{display:block;font-size:2.25rem;line-height:1.1;font-weight:500;color:#191e3b;margin-bottom:14px}:where(html[data-tc-css~="referrals"]) .tc-referral-progress-grid span{font-size:.6875rem;line-height:1.5;color:#89919d;display:block}:where(html[data-tc-css~="referrals"]) .tc-referrals .tc-referral-overview>.tc-referral-fine{font-size:.625rem;margin-top:12px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body .tc-referral-balances{border:0;padding:36px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body .tc-referral-metrics>div{border-radius:8px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body .tc-referral-metrics p{font-size:.8125rem}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body .tc-referral-metrics span{font-size:.6875rem;line-height:1.5}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body .tc-referral-next{display:flex;gap:16px;align-items:center;background:#edf5f0;border:1px solid #dce8df;border-radius:8px;margin-top:20px;padding:20px 24px}:where(html[data-tc-css~="referrals"]) .tc-referral-payout-icon{width:36px;height:36px;border-radius:50%;background:#d6ebdf;display:flex;align-items:center;justify-content:center;color:#227b59;font-size:22px;flex:none}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body .tc-referral-next h3{font-size:.875rem;font-weight:500}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body .tc-referral-next p{font-size:.8125rem;line-height:1.6;color:#526075}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body .tc-referral-introductions{padding:0 0 40px;border:0}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-empty{margin-top:20px;padding:36px 24px!important;text-align:center;background:#fff;border:1px dashed #cdd5d0;border-radius:8px}:where(html[data-tc-css~="referrals"]) .tc-referral-empty-icon{width:48px;height:48px;background:#e7f4ec;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#227b59;font-size:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-empty h3{font-size:1.125rem!important;font-weight:500;margin:0 0 12px!important}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-empty p{max-width:53ch;margin:0 auto;font-size:.875rem;color:#687184;line-height:1.65}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-empty-action{display:inline-flex;gap:16px;align-items:center;margin-top:20px;color:#191e3b;font-size:.8125rem;font-weight:500;text-decoration:underline;text-underline-offset:4px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-pack{border-top:1px solid #e1e5df;padding-top:40px;scroll-margin-top:28px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-intro{font-size:.875rem;line-height:1.65;color:#687184;margin:14px 0 28px}:where(html[data-tc-css~="referrals"]) .tc-referral-message-card, :where(html[data-tc-css~="referrals"]) .tc-referral-images-card{padding:28px;background:#fff;border:1px solid #e4e5df;border-radius:10px;margin-top:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-section-title{display:flex;gap:16px;align-items:flex-start;margin-bottom:26px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-section-title>span{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:7px;background:#e7f4ec;color:#227b59;font-size:.6875rem}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-section-title h3{font-size:1.125rem;font-weight:500;line-height:1.3;margin:0 0 7px}:where(html[data-tc-css~="referrals"]) .tc-referral-pack-section-title p{font-size:.8125rem;color:#687184;margin:0;line-height:1.6}:where(html[data-tc-css~="referrals"]) .tc-referral-message-card label{display:block;font-size:.8125rem;color:#526075;margin:20px 0 8px}:where(html[data-tc-css~="referrals"]) .tc-referral-message-card select, :where(html[data-tc-css~="referrals"]) .tc-referral-message-card textarea{font:inherit;font-size:.875rem;width:100%;box-sizing:border-box;padding:14px;border:1px solid #d4d9df;border-radius:6px;background:#fff;color:#191e3b}:where(html[data-tc-css~="referrals"]) .tc-referral-message-card select{max-width:400px}:where(html[data-tc-css~="referrals"]) .tc-referral-message-card textarea{line-height:1.75;min-height:280px;resize:vertical}:where(html[data-tc-css~="referrals"]) .tc-referral-image-options{display:grid;grid-template-columns:1fr 1fr;gap:28px}:where(html[data-tc-css~="referrals"]) .tc-referral-image-options article{padding:24px;background:#f7f8f5;border:1px solid #e8ebe5;border-radius:8px;display:flex;align-items:flex-start;flex-direction:column}:where(html[data-tc-css~="referrals"]) .tc-referral-image-preview{background:#191e3b;color:#fff;border-radius:5px;padding:22px;box-sizing:border-box;margin-bottom:24px;display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:160px;width:100%;max-width:330px}:where(html[data-tc-css~="referrals"]) .tc-referral-image-preview--square{aspect-ratio:1;width:180px}:where(html[data-tc-css~="referrals"]) .tc-referral-image-preview--landscape{aspect-ratio:1200/630;margin-top:auto}:where(html[data-tc-css~="referrals"]) .tc-referral-image-preview>span{font-size:.5625rem;font-weight:500}:where(html[data-tc-css~="referrals"]) .tc-referral-image-preview strong{font-size:1.125rem;font-weight:500;line-height:1.3}:where(html[data-tc-css~="referrals"]) .tc-referral-image-preview i{font-style:normal;font-size:.5625rem;color:#3ddc97}:where(html[data-tc-css~="referrals"]) .tc-referral-image-options h4{font-size:.9375rem;font-weight:500;margin:0 0 8px}:where(html[data-tc-css~="referrals"]) .tc-referral-image-options article>p{font-size:.75rem;color:#687184;margin:0 0 20px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-images-card button{padding:12px 16px;background:#fff;color:#191e3b;border:1px solid #cdd4d9;border-radius:6px;font:inherit;font-size:.8125rem;cursor:pointer;margin-top:auto}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body .tc-scroll{margin-top:20px}@media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-marketing #main-content .tc-referral-dashboard-hero{padding:36px 0 30px}:where(html[data-tc-css~="referrals"]) .tc-marketing #main-content .tc-referral-dashboard-hero h1{font-size:2rem}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-offer{font-size:1rem}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body{padding-top:30px}:where(html[data-tc-css~="referrals"]) .tc-referral-section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}:where(html[data-tc-css~="referrals"]) .tc-referral-progress-grid{gap:10px;grid-template-columns:1fr}:where(html[data-tc-css~="referrals"]) .tc-referral-progress-grid article{display:grid;grid-template-columns:1fr auto;padding:18px;gap:8px 16px}:where(html[data-tc-css~="referrals"]) .tc-referral-progress-grid article>p{margin:0}:where(html[data-tc-css~="referrals"]) .tc-referral-progress-grid article>strong{grid-column:2;grid-row:1/3;margin:0;align-self:center;font-size:1.875rem}:where(html[data-tc-css~="referrals"]) .tc-referral-progress-grid article>span{grid-column:1}:where(html[data-tc-css~="referrals"]) .tc-referral-message-card, :where(html[data-tc-css~="referrals"]) .tc-referral-images-card{padding:22px}:where(html[data-tc-css~="referrals"]) .tc-referral-image-options{grid-template-columns:1fr}:where(html[data-tc-css~="referrals"]) .tc-referral-image-options article{padding:20px}:where(html[data-tc-css~="referrals"]) .tc-referral-image-preview--landscape{margin-top:0}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-empty p{font-size:.8125rem}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-body .tc-referral-next{padding:18px}:where(html[data-tc-css~="referrals"]) .tc-referral-hero-pack-link{line-height:1.6}} :where(html[data-tc-css~="referrals"]) .tc-marketing #main-content .tc-referral-dashboard-hero .tc-referral-copy input{color:#191e3b;-webkit-text-fill-color:#191e3b} :where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-hero .tc-referral-copy{max-width:680px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-hero .tc-referral-copy button{min-width:0;padding:12px 18px;gap:0} :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-hero a.tc-referral-hero-pack-link{text-decoration:none} :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-pack-actions a.tv2-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #191e3b;border-radius:6px;background:#191e3b;color:#fff;font-size:.875rem;font-weight:500;line-height:1.3;text-decoration:none;cursor:pointer}:where(html[data-tc-css~="referrals"]) .tc-referral-share-help{font-size:.75rem;color:#687184;line-height:1.6;margin:14px 0 0;max-width:75ch} :where(html[data-tc-css~="referrals"]) .tc-referral-campaign-preview{display:block;width:100%;height:auto;border-radius:8px;margin:0 0 24px;max-width:400px}:where(html[data-tc-css~="referrals"]) .tc-referral-campaign-preview--landscape{max-width:none}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-downloads{margin-top:32px;padding-top:28px;border-top:1px solid #e3e5df}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-downloads h4{margin:0 0 8px}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-downloads p{color:#68748a;font-size:.8125rem}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-logo-options a{display:block;color:#191e3b;text-decoration:none;font-size:.8125rem;font-weight:500}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-options a>span{display:flex;align-items:center;justify-content:center;padding:30px;background:#fff;border:1px solid #e3e5df;border-radius:8px;margin-bottom:12px;height:110px;box-sizing:border-box}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-options img{width:100%;max-width:260px;height:auto}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-options a>.tc-referral-logo-dark{background:#191e3b}@media(max-width:650px){:where(html[data-tc-css~="referrals"]) .tc-referral-logo-options{grid-template-columns:1fr}} :where(html[data-tc-css~="referrals"]) .tc-marketing #share-message{overflow:hidden;resize:none;max-height:none;box-sizing:border-box} :where(html[data-tc-css~="referrals"]) .tc-referral-channels{border:0;padding:0;margin:0 0 22px;min-width:0}:where(html[data-tc-css~="referrals"]) .tc-referral-channels legend{font-size:.8125rem;color:#526075;margin-bottom:12px}:where(html[data-tc-css~="referrals"]) .tc-referral-channels>div{display:flex;gap:10px;flex-wrap:wrap}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-channels button{font:inherit;font-size:.8125rem;padding:11px 16px;background:#fff;color:#191e3b;border:1px solid #cdd4d9;border-radius:6px;cursor:pointer}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-channels button[aria-pressed="true"]{background:#191e3b;border-color:#191e3b;color:#fff}:where(html[data-tc-css~="referrals"]) .tc-referral-channels button:focus-visible{outline:3px solid #3ddc97;outline-offset:3px}:where(html[data-tc-css~="referrals"]) .tc-referral-image-options{align-items:start;gap:20px}:where(html[data-tc-css~="referrals"]) .tc-referral-image-options article{padding:20px}:where(html[data-tc-css~="referrals"]) .tc-referral-campaign-preview{height:180px;width:100%;max-width:none;object-fit:contain;object-position:center;background:#191e3b;margin-bottom:18px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-images-card button{margin-top:0}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-downloads{margin-top:24px;padding-top:22px}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-options a>span{height:86px;padding:22px}:where(html[data-tc-css~="referrals"]) .tc-referral-first-share .tc-referral-dashboard-pack{border-top:0;padding-top:0;padding-bottom:36px}:where(html[data-tc-css~="referrals"]) .tc-referral-first-share .tc-referral-overview{border-top:1px solid #e1e5df;padding-top:36px}:where(html[data-tc-css~="referrals"]) .tc-referral-payout-guide{margin-top:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-payout-guide h3{font-size:.9375rem;font-weight:500;margin:0 0 16px}:where(html[data-tc-css~="referrals"]) .tc-referral-payout-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;counter-reset:reward-step}:where(html[data-tc-css~="referrals"]) .tc-referral-payout-guide li{counter-increment:reward-step}:where(html[data-tc-css~="referrals"]) .tc-referral-payout-guide li strong{display:block;font-size:.8125rem;margin-bottom:7px}:where(html[data-tc-css~="referrals"]) .tc-referral-payout-guide li strong:before{content:counter(reward-step) ". ";color:#227b59}:where(html[data-tc-css~="referrals"]) .tc-referral-payout-guide li span, :where(html[data-tc-css~="referrals"]) .tc-referral-payout-guide>p{font-size:.75rem;line-height:1.65;color:#687184}:where(html[data-tc-css~="referrals"]) .tc-referral-calculation{margin-top:16px}:where(html[data-tc-css~="referrals"]) .tc-referral-calculation summary{cursor:pointer;font-size:.75rem;color:#526075}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-empty-action{text-decoration:none}@media(max-width:650px){:where(html[data-tc-css~="referrals"]) .tc-referral-payout-guide ol{grid-template-columns:1fr;gap:16px}:where(html[data-tc-css~="referrals"]) .tc-referral-channels>div{display:grid;grid-template-columns:1fr 1fr}:where(html[data-tc-css~="referrals"]) .tc-referral-campaign-preview{height:160px}} :where(html[data-tc-css~="referrals"]) .tc-marketing #share-message{min-height:160px}:where(html[data-tc-css~="referrals"]) .tc-referral-payout-guide li span[data-payout-rate]{font:inherit;color:inherit} :where(html[data-tc-css~="referrals"]) .tc-referral-channels>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-channels button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:156px;padding:20px;text-align:left;background:#fff;border:1px solid #dfe4df;border-radius:10px;white-space:normal;box-shadow:none}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-channels button:hover{border-color:#69ad8c;background:#f8fbf8}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-channels button[aria-pressed="true"]{color:#191e3b;background:#eef8f1;border:2px solid #26845a;padding:19px}:where(html[data-tc-css~="referrals"]) .tc-referral-channel-icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;color:#227b59;background:#e9f4ed;border-radius:8px}:where(html[data-tc-css~="referrals"]) .tc-referral-channel-icon svg{width:23px;height:23px}:where(html[data-tc-css~="referrals"]) .tc-referral-channels button strong{font-weight:500;font-size:.9375rem;line-height:1.2}:where(html[data-tc-css~="referrals"]) .tc-referral-channel-description{font-size:.6875rem;line-height:1.5;color:#687184}:where(html[data-tc-css~="referrals"]) .tc-referral-channel-selected{position:absolute;right:14px;top:14px;color:#227b59;visibility:hidden}:where(html[data-tc-css~="referrals"]) .tc-referral-channels button[aria-pressed="true"] .tc-referral-channel-selected{visibility:visible}@media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-referral-channels>div{grid-template-columns:1fr 1fr;gap:10px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-channels button{padding:16px;min-height:150px}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-channels button[aria-pressed="true"]{padding:15px}} :where(html[data-tc-css~="referrals"]) .tc-referral-logo-options{max-width:440px}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-options a>span{height:auto;aspect-ratio:1;padding:24px}:where(html[data-tc-css~="referrals"]) .tc-referral-logo-options img{width:100%;max-width:160px;aspect-ratio:1;object-fit:contain} :where(html[data-tc-css~="referrals"]) .tc-marketing #main-content .tc-referral-logo-options a>span{border-bottom:1px solid #e3e5df} :where(html[data-tc-css~="referrals"]) .tc-referral-payout-summary{font-size:.75rem;color:#687184;line-height:1.65;margin:16px 0 0}:where(html[data-tc-css~="referrals"]) .tc-referral-calculation{margin-top:10px} :where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-section="sharing"] .tc-referral-overview, :where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-section="sharing"] .tc-referral-balances, :where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-section="sharing"] .tc-referral-bank-setup, :where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-section="sharing"] .tc-referral-introductions, :where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-section="results"] .tc-referral-dashboard-pack, :where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-section="results"] .tc-referral-sharing-hero{display:none}:where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-section="sharing"] .tc-referral-dashboard-pack{padding-top:0;border-top:0}:where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-section="home"] [data-dashboard-panel]{visibility:hidden}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header .tc-referral-dashboard-nav{gap:24px;align-items:center}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-nav a{color:#c6cada;text-decoration:none;font-size:.8125rem;padding:10px 0;border-bottom:2px solid transparent;white-space:nowrap}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-nav a[aria-current="page"]{color:#fff;border-bottom-color:#3ddc97}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-results-share{display:inline-block;background:#3ddc97;color:#191e3b;padding:12px 18px;border-radius:6px;text-decoration:none;font-size:.8125rem}:where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-section="results"] .tc-referral-dashboard-description{margin-bottom:20px}@media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header>.tv2-pad{flex-wrap:wrap;gap:12px}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header .tc-referral-dashboard-nav{width:100%;margin-left:0;gap:24px;justify-content:flex-start}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-nav button{margin-left:auto}:where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-header>.tv2-pad>span{flex:1}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-dashboard-nav a{font-size:.75rem}} /* Bank onboarding uses the existing dashboard card and form rhythm. */ :where(html[data-tc-css~="referrals"]) .tc-referral-bank-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:48px;background:#fff;border:1px solid #e3e2dc;border-radius:12px;padding:36px;margin:32px 0}:where(html[data-tc-css~="referrals"]) .tc-referral-bank-setup[hidden]{display:none}:where(html[data-tc-css~="referrals"]) .tc-referral-bank-setup h2{margin:8px 0 16px}:where(html[data-tc-css~="referrals"]) .tc-referral-bank-setup form{display:flex;flex-direction:column;align-items:flex-start;gap:12px}:where(html[data-tc-css~="referrals"]) .tc-referral-bank-setup select{width:100%;padding:14px 16px;border:1px solid #cbd2da;border-radius:6px;background:#fff;color:#1b1d3c}:where(html[data-tc-css~="referrals"]) .tc-referral-bank-setup form p{margin:0}:where(html[data-tc-css~="referrals"]) .tc-referral-bank-setup button:disabled{opacity:.65;cursor:wait}@media(max-width:720px){:where(html[data-tc-css~="referrals"]) .tc-referral-bank-setup{grid-template-columns:1fr;gap:24px;padding:24px}} :where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-bank-setup h2{font-size:1.5rem;line-height:1.25;letter-spacing:-.02em}:where(html[data-tc-css~="referrals"]) .tc-marketing .tc-referral-bank-setup .tv2-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #191e3b;border-radius:6px;background:#191e3b;color:#fff;font:inherit;font-size:.875rem;font-weight:500;line-height:1.3;cursor:pointer}:where(html[data-tc-css~="referrals"]) .tc-referral-bank-setup button:focus-visible, :where(html[data-tc-css~="referrals"]) .tc-referral-bank-setup select:focus-visible{outline:2px solid #248768;outline-offset:3px} /* Keep the account header and hero in place while the authenticated figures load. */ :where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-pending] .tc-referral-dashboard-body{visibility:hidden} :where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-offer{min-height:1.6em} :where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-description{min-height:3.4em} :where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-pending] .tc-referral-dashboard-offer:empty:after, :where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-pending] .tc-referral-dashboard-description:empty:after{content:"";display:block;border-radius:3px;background:#343951;height:1em;width:min(100%,32ch)} :where(html[data-tc-css~="referrals"]) .tc-referrals[data-dashboard-pending] .tc-referral-dashboard-description:empty:after{width:min(100%,64ch)} :where(html[data-tc-css~="referrals"]) .tc-referral-dashboard-loading.sr-only{padding:0} /* ==== From @glidejs/glide 3.4.1 glide.core.min.css: pages with html[data-tc-css~="glide"] ==== */ :where(html[data-tc-css~="glide"]) .glide{position:relative;width:100%;box-sizing:border-box}:where(html[data-tc-css~="glide"]) .glide *{box-sizing:inherit}:where(html[data-tc-css~="glide"]) .glide__track{overflow:hidden}:where(html[data-tc-css~="glide"]) .glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}:where(html[data-tc-css~="glide"]) .glide__slides--dragging{user-select:none}:where(html[data-tc-css~="glide"]) .glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}:where(html[data-tc-css~="glide"]) .glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}:where(html[data-tc-css~="glide"]) .glide__arrows{-webkit-touch-callout:none;user-select:none}:where(html[data-tc-css~="glide"]) .glide__bullets{-webkit-touch-callout:none;user-select:none}:where(html[data-tc-css~="glide"]) .glide--rtl{direction:rtl} /* ==== From @glidejs/glide 3.4.1 glide.theme.min.css: pages with html[data-tc-css~="glide"] ==== */ :where(html[data-tc-css~="glide"]) .glide__arrow{position:absolute;display:block;top:50%;z-index:2;color:white;text-transform:uppercase;padding:9px 12px;background-color:transparent;border:2px solid rgba(255,255,255,0.5);border-radius:4px;box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);text-shadow:0 0.25em 0.5em rgba(0,0,0,0.1);opacity:1;cursor:pointer;transition:opacity 150ms ease, border 300ms ease-in-out;transform:translateY(-50%);line-height:1}:where(html[data-tc-css~="glide"]) .glide__arrow:focus{outline:none}:where(html[data-tc-css~="glide"]) .glide__arrow:hover{border-color:white}:where(html[data-tc-css~="glide"]) .glide__arrow--left{left:2em}:where(html[data-tc-css~="glide"]) .glide__arrow--right{right:2em}:where(html[data-tc-css~="glide"]) .glide__arrow--disabled{opacity:0.33}:where(html[data-tc-css~="glide"]) .glide__bullets{position:absolute;z-index:2;bottom:2em;left:50%;display:inline-flex;list-style:none;transform:translateX(-50%)}:where(html[data-tc-css~="glide"]) .glide__bullet{background-color:rgba(255,255,255,0.5);width:9px;height:9px;padding:0;border-radius:50%;border:2px solid transparent;transition:all 300ms ease-in-out;cursor:pointer;line-height:0;box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);margin:0 0.25em}:where(html[data-tc-css~="glide"]) .glide__bullet:focus{outline:none}:where(html[data-tc-css~="glide"]) .glide__bullet:hover, :where(html[data-tc-css~="glide"]) .glide__bullet:focus{border:2px solid white;background-color:rgba(255,255,255,0.5)}:where(html[data-tc-css~="glide"]) .glide__bullet--active{background-color:white}:where(html[data-tc-css~="glide"]) .glide--swipeable{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}:where(html[data-tc-css~="glide"]) .glide--dragging{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing} /* ==== From tc-trust.css: pages with html[data-tc-css~="trust"] ==== */ /* Trust pages retain their approved copy and use the shared marketing palette. */ :where(html[data-tc-css~="trust"]) .tc-marketing .tc-trust .tv2-breadcrumb ol{justify-content:flex-start;text-align:left} :where(html[data-tc-css~="trust"]) .tc-trust .tv2-hero-band .tv2-hero-band__inner{min-height:0;padding-top:64px;padding-bottom:64px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-editorial-hero{margin:0;text-align:left;max-width:none} :where(html[data-tc-css~="trust"]) .tc-trust .tc-editorial-hero::before{display:none} :where(html[data-tc-css~="trust"]) .tc-trust .tc-editorial-hero .tv2-hero__h1, :where(html[data-tc-css~="trust"]) .tc-trust .tc-editorial-hero .tv2-hero__intro{margin-left:0;max-width:760px} :where(html[data-tc-css~="trust"]) .tc-trust .tv2-hero__ctas{justify-content:flex-start;margin-left:0} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-story-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:64px;align-items:center} :where(html[data-tc-css~="trust"]) .tc-trust-hero-logo{background:#fff;border:1px solid #dce3eb;border-radius:16px;min-height:160px;display:flex;align-items:center;justify-content:center;padding:28px} :where(html[data-tc-css~="trust"]) .tc-trust-hero-logo svg{width:100%;height:auto;max-height:100px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-section{padding-top:64px;padding-bottom:64px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-featured-story{grid-template-columns:180px minmax(0,1fr);gap:48px;border:1px solid #dce8e2;border-radius:16px;background:#f0f6f3;padding:36px;margin-bottom:28px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-featured-story .tc-client-logo{width:100%;margin:0;max-width:180px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-featured-story .tc-mono{font-size:11px;letter-spacing:1.5px;margin-bottom:14px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-featured-story h2{font-size:28px;line-height:1.3;margin-bottom:20px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-featured-story blockquote{font-size:16px;line-height:1.8;color:#526079} :where(html[data-tc-css~="trust"]) .tc-trust .tc-featured-story a{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:16px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} :where(html[data-tc-css~="trust"]) .tc-marketing .tc-trust .tc-client-grid a.tc-directory-card{border:1px solid #dce3eb;border-radius:14px;padding:28px;background:#fff;box-shadow:none} :where(html[data-tc-css~="trust"]) .tc-marketing .tc-trust .tc-client-grid a.tc-directory-card:hover{background:#f5f7fa;border-color:#8a9ba9} :where(html[data-tc-css~="trust"]) .tc-trust .tc-client-grid .tc-client-logo{height:65px;display:flex;align-items:center;margin-bottom:24px;max-width:150px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-client-grid .tc-client-logo svg{max-height:65px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-client-grid h2{font-size:23px;line-height:1.35;margin:0 0 16px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-client-grid .tc-trust-category{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-client-grid .tc-card-action{margin-top:auto;padding-top:16px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding-top:64px;padding-bottom:64px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-reading-layout>.tc-prose{max-width:none;font-size:16px;line-height:1.8} :where(html[data-tc-css~="trust"]) .tc-trust .tc-reading-aside{border:1px solid #dce3eb;border-radius:14px;background:#f5f7fa;padding:28px;position:static} :where(html[data-tc-css~="trust"]) .tc-trust .tc-reading-aside .tc-client-logo{display:none} :where(html[data-tc-css~="trust"]) .tc-trust .tc-reading-aside h2{font-size:21px;margin-bottom:16px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-case-quote{background:#edf5f1;border:1px solid #dce8e2;border-radius:14px;padding:28px;margin-top:32px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-case-quote blockquote{border:0;padding:0;margin:0;font-size:23px;line-height:1.55;color:#18233d} :where(html[data-tc-css~="trust"]) .tc-trust .tc-case-quote figcaption{margin-top:24px;font-size:14px;color:#526079} :where(html[data-tc-css~="trust"]) .tc-trust .tc-info-layout{padding-top:64px;padding-bottom:64px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-intro p{font-size:16px;line-height:1.8;color:#526079} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-intro p:last-child{margin-bottom:0} :where(html[data-tc-css~="trust"]) .tc-trust-purpose{background:#edf5f1;border:1px solid #dce8e2;border-radius:14px;padding:28px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-history{margin-top:56px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-timeline{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;border:0;padding:8px 0 0;gap:20px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-timeline section{background:#f5f7fa;border:1px solid #dce3eb;border-radius:12px;padding:24px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-timeline .tc-mono{border:0;padding:0;color:#258464;font-family:inherit;font-size:28px;font-weight:600} :where(html[data-tc-css~="trust"]) .tc-trust .tc-timeline h3{font-size:20px;margin-top:10px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-timeline p{font-size:14px;line-height:1.8} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-values{margin-top:56px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-values>.tc-mono{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-values>h2{margin-top:0} :where(html[data-tc-css~="trust"]) .tc-trust .tc-values-grid{gap:20px;margin:28px 0} :where(html[data-tc-css~="trust"]) .tc-trust .tc-values-grid section{background:#edf5f1;border:1px solid #dce8e2;border-radius:14px;padding:24px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-values-grid section:nth-child(3n+2){background:#f2f5fa;border-color:#dce3eb} :where(html[data-tc-css~="trust"]) .tc-trust .tc-values-grid section:nth-child(3n){background:#f5f2fa;border-color:#e5dfef} :where(html[data-tc-css~="trust"]) .tc-trust .tc-values-grid h3{font-size:21px;margin:16px 0 12px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-values-grid p{font-size:14px;line-height:1.8;margin-bottom:0;color:#526079} :where(html[data-tc-css~="trust"]) .tc-trust-value-number{font-size:12px;color:#526079} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-locations{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:36px 0} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-locations li{padding:8px 14px;background:#f5f7fa;border:1px solid #dce3eb;border-radius:6px;font-size:13px;margin:0} :where(html[data-tc-css~="trust"]) .tc-trust-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} :where(html[data-tc-css~="trust"]) .tc-trust-articles article{border-top:1px solid #dce3eb;padding-top:8px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-articles h3{font-size:19px;margin:18px 0 14px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-articles p{font-size:14px;color:#526079;line-height:1.8} @media(max-width:900px){:where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-story-hero{grid-template-columns:minmax(0,1fr) 160px;gap:32px}:where(html[data-tc-css~="trust"]) .tc-trust .tc-reading-layout{grid-template-columns:minmax(0,1fr) 260px;gap:32px}:where(html[data-tc-css~="trust"]) .tc-trust .tc-values-grid, :where(html[data-tc-css~="trust"]) .tc-trust-articles{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){:where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-story-hero, :where(html[data-tc-css~="trust"]) .tc-trust .tc-featured-story, :where(html[data-tc-css~="trust"]) .tc-trust .tc-client-grid, :where(html[data-tc-css~="trust"]) .tc-trust .tc-reading-layout, :where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-intro, :where(html[data-tc-css~="trust"]) .tc-trust .tc-timeline, :where(html[data-tc-css~="trust"]) .tc-trust .tc-values-grid, :where(html[data-tc-css~="trust"]) .tc-trust-articles{grid-template-columns:1fr;gap:24px}:where(html[data-tc-css~="trust"]) .tc-trust .tv2-hero-band .tv2-hero-band__inner{padding-top:40px;padding-bottom:40px}:where(html[data-tc-css~="trust"]) .tc-trust .tc-section, :where(html[data-tc-css~="trust"]) .tc-trust .tc-info-layout, :where(html[data-tc-css~="trust"]) .tc-trust .tc-reading-layout{padding-top:44px;padding-bottom:44px}:where(html[data-tc-css~="trust"]) .tc-trust .tc-featured-story{padding:24px}:where(html[data-tc-css~="trust"]) .tc-trust .tc-featured-story .tc-client-logo{margin-left:0}:where(html[data-tc-css~="trust"]) .tc-trust .tc-trust-hero-logo{max-width:180px;min-height:120px;padding:24px}:where(html[data-tc-css~="trust"]) .tc-trust .tc-case-quote blockquote{font-size:21px}} :where(html[data-tc-css~="trust"]) .tc-trust{background:#fff} :where(html[data-tc-css~="trust"]) .tc-trust>.tv2-hero-band{background:#1c1d40} /* Customer walkthrough uses the existing Test Candidates type and palette. */ :where(html[data-tc-css~="trust"]) .tc-trust .tc-proof-history{font-size:13px;line-height:1.7;color:#526079;margin:28px 0 0} :where(html[data-tc-css~="trust"]) .tc-trust .tc-prose>.tc-proof-history{margin:0 0 28px} :where(html[data-tc-css~="trust"]) .tc-trust .tc-proof-intro{font-size:17px;line-height:1.7;color:#526079;max-width:720px;margin:18px 0 30px} :where(html[data-tc-css~="trust"]) .tc-proof-demo{background:#fff;border:1px solid #dce3eb;border-radius:16px;overflow:hidden} :where(html[data-tc-css~="trust"]) .tc-proof-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #dce3eb;background:#f5f7fa} :where(html[data-tc-css~="trust"]) .tc-marketing .tc-proof-steps button{font:inherit;font-size:14px;line-height:1.5;font-weight:600;cursor:pointer;color:#1c1d40;padding:20px 12px;border:0;border-right:1px solid #dce3eb;background:transparent;box-shadow:inset 0 -3px transparent} :where(html[data-tc-css~="trust"]) .tc-marketing .tc-proof-steps button:last-child{border-right:0} :where(html[data-tc-css~="trust"]) .tc-marketing .tc-proof-steps button[aria-selected=true]{background:#1c1d40;color:#fff;box-shadow:inset 0 -3px #2ed18a} :where(html[data-tc-css~="trust"]) .tc-proof-stage{padding:36px} :where(html[data-tc-css~="trust"]) .tc-proof-stage article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;min-height:265px} :where(html[data-tc-css~="trust"]) .tc-proof-stage article[hidden]{display:none!important} :where(html[data-tc-css~="trust"]) .tc-proof-caption h3{font-size:28px;line-height:1.3;color:#1c1d40;margin:14px 0 18px} :where(html[data-tc-css~="trust"]) .tc-proof-caption p, :where(html[data-tc-css~="trust"]) .tc-proof-example p{font-size:16px;line-height:1.8;color:#526079;margin:12px 0 0} :where(html[data-tc-css~="trust"]) .tc-proof-caption .tc-mono, :where(html[data-tc-css~="trust"]) .tc-proof-example .tc-mono{font-size:11px;line-height:1.6;letter-spacing:1px;text-transform:uppercase;color:#526079;margin:0} :where(html[data-tc-css~="trust"]) .tc-proof-example{background:#f0f6f3;border:1px solid #dce8e2;border-radius:12px;padding:26px} :where(html[data-tc-css~="trust"]) .tc-proof-example h4{font-size:22px;line-height:1.4;color:#1c1d40;margin:12px 0 20px} :where(html[data-tc-css~="trust"]) .tc-proof-test-list{list-style:none;padding:0;margin:0;display:grid;gap:10px} :where(html[data-tc-css~="trust"]) .tc-proof-test-list li{font-size:15px;line-height:1.5;border:1px solid #dce8e2;border-radius:7px;background:white;color:#1c1d40;padding:11px 14px} :where(html[data-tc-css~="trust"]) .tc-proof-scores{margin:0} :where(html[data-tc-css~="trust"]) .tc-proof-scores>div{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #dce8e2;padding:11px 0} :where(html[data-tc-css~="trust"]) .tc-proof-scores dt{font-size:15px;color:#1c1d40;font-weight:400} :where(html[data-tc-css~="trust"]) .tc-proof-scores dd{font-size:22px;line-height:1.3;font-weight:600;color:#08784d;margin:0} :where(html[data-tc-css~="trust"]) .tc-proof-demo button:focus-visible{outline:3px solid #08784d;outline-offset:-5px} @media(max-width:700px){:where(html[data-tc-css~="trust"]) .tc-proof-steps{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-tc-css~="trust"]) .tc-marketing .tc-proof-steps button{padding:15px 10px;font-size:13px}:where(html[data-tc-css~="trust"]) .tc-proof-stage{padding:24px}:where(html[data-tc-css~="trust"]) .tc-proof-stage article{grid-template-columns:1fr;gap:24px;min-height:0}:where(html[data-tc-css~="trust"]) .tc-proof-caption h3{font-size:25px}:where(html[data-tc-css~="trust"]) .tc-proof-example{padding:22px}:where(html[data-tc-css~="trust"]) .tc-proof-scores dt{font-size:14px}:where(html[data-tc-css~="trust"]) .tc-proof-scores>div{gap:12px}} /* ==== From tc-tests-hub.css: pages with html[data-tc-css~="tests-hub"] ==== */ /* Test library, using the shared test and role page palette. */ :where(html[data-tc-css~="tests-hub"]) .tc-editorial--test-index .tv2-breadcrumb ol { justify-content:flex-start!important; text-align:left!important; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center; padding:28px 0 16px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-hero-grid .tv2-hero__h1 { font-size:clamp(38px,4.4vw,54px); line-height:1.1; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-hero-grid .tv2-hero__ctas { justify-content:flex-start; gap:20px; flex-wrap:wrap; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-hero-grid .tv2-hero__intro { font-size:18px; max-width:550px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder { background:#fff; color:#1b1c40; padding:30px; border-radius:18px; border:1px solid #e0e6eb; transform:rotate(1deg); } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder-top { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:10px; letter-spacing:.1em; font-weight:700; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder-badge { background:#e7f3ed; color:#267d63; padding:7px 9px; border-radius:5px; letter-spacing:0; font-weight:400; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder h2 { color:#1b1c40; font-size:26px; line-height:1.2; margin:24px 0 10px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder p { font-size:14px; color:#526079; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder ul { list-style:none; padding:0; margin:26px 0; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder li { display:flex; align-items:center; gap:12px; padding:15px 0; border-top:1px solid #e0e6eb; font-size:14px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder li > span:last-child { margin-left:auto; color:#526079; font-size:12px; white-space:nowrap; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder-check { display:grid; place-items:center; width:26px; height:26px; flex:none; border-radius:50%; color:#267d63; background:#e7f3ed; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder-bottom { display:flex; justify-content:space-between; background:#f1f6f3; border-radius:8px; padding:15px; font-size:14px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-builder .tc-tests-builder-note { margin:16px 0 0; font-size:12px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-hero .tv2-btn--ghost { color:#fff!important; } :where(html[data-tc-css~="tests-hub"]) .tc-editorial--test-index .tc-tests-categories { gap:20px; } :where(html[data-tc-css~="tests-hub"]) .tc-editorial--test-index .tc-tests-categories > a { padding:26px; border:1px solid #dce3eb; border-radius:14px; background:#f1f6f3; align-items:flex-start; } :where(html[data-tc-css~="tests-hub"]) .tc-editorial--test-index .tc-tests-categories > a:nth-child(3n+2) { background:#f2f5fa; } :where(html[data-tc-css~="tests-hub"]) .tc-editorial--test-index .tc-tests-categories > a:nth-child(3n) { background:#f5f2fa; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-try { background:#f1f5f3; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-demo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-demo-grid > a { display:flex; flex-direction:column; padding:28px; background:#fff; border:1px solid #dce3eb; border-radius:14px; text-decoration:none; color:#1b1c40; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-demo-grid h3, :where(html[data-tc-css~="tests-hub"]) .tc-tests-guide h3 { font-size:22px; line-height:1.3; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-demo-grid p, :where(html[data-tc-css~="tests-hub"]) .tc-tests-guide p { color:#526079; font-size:16px; line-height:1.7; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-demo-grid .tc-card-action { margin-top:auto; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin-top:32px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-guide-steps article { display:flex; gap:20px; padding:22px 0; border-bottom:1px solid #dce3eb; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-guide-steps article:first-child { padding-top:0; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-guide-steps article > span { color:#267d63; font-size:12px; padding-top:7px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-guide-steps h3 { margin:0 0 10px; }:where(html[data-tc-css~="tests-hub"]) .tc-tests-guide-steps p { margin:0; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-faq { display:grid; grid-template-columns:1fr 1fr; gap:0 40px; margin-top:30px; align-items:start; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-faq details { border-bottom:1px solid #dce3eb; padding:20px 0; }:where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-faq summary { cursor:pointer; font-weight:700; }:where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-faq p { color:#526079; font-size:15px; line-height:1.7; } @media(max-width:900px) { :where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-hero-grid { gap:30px; }:where(html[data-tc-css~="tests-hub"]) .tc-tests-builder { padding:22px; } } @media(max-width:720px) { :where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-hero-grid, :where(html[data-tc-css~="tests-hub"]) .tc-tests-guide-grid, :where(html[data-tc-css~="tests-hub"]) .tc-tests-demo-grid, :where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-faq { grid-template-columns:1fr; }:where(html[data-tc-css~="tests-hub"]) .tc-tests-builder { transform:none; }:where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-hero-grid { padding-top:16px; }:where(html[data-tc-css~="tests-hub"]) .tc-tests-guide-grid { gap:28px; }:where(html[data-tc-css~="tests-hub"]) .tc-editorial--test-index .tc-tests-categories > a { padding:20px; }:where(html[data-tc-css~="tests-hub"]) .tc-tests-hub-hero-grid .tv2-hero__h1 { font-size:38px; } } /* The two routes are the primary choices in the library. */ :where(html[data-tc-css~="tests-hub"]) .tc-tests-choice { padding-top:48px; padding-bottom:48px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-routes .tc-tests-route { display:flex; flex-direction:column; padding:34px; border:1px solid #d9e3df; border-radius:16px; background:#fff; color:#1b1c40; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-routes .tc-tests-route--roles { background:#1b1c40; color:#fff; border-color:#1b1c40; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-stat { display:flex; align-items:center; gap:18px; margin-bottom:24px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-stat > strong { color:#2ED18A; font-size:64px; line-height:1; font-weight:600; letter-spacing:-3px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route--roles .tc-tests-route-stat > strong { color:#3ddc97; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-stat strong span { font-size:40px; letter-spacing:-1px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-stat > span { max-width:130px; font-size:14px; line-height:1.5; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-routes .tc-tests-route h2 { color:inherit; font-size:32px; line-height:1.2; margin:0 0 14px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route .tc-tests-route-lead { color:inherit; font-size:18px; font-weight:600; line-height:1.5; margin:0 0 12px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route .tc-tests-route-description { font-size:15px; line-height:1.7; color:#526079; margin:0; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route--roles .tc-tests-route-description { color:#d0d3e3; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-tags { display:flex; flex-wrap:wrap; gap:7px; list-style:none; padding:0; margin:20px 0 24px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-tags li { font-size:12px; line-height:1.4; border:1px solid #d4e2da; background:#ffffff80; border-radius:5px; padding:5px 9px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route--roles .tc-tests-route-tags li { border-color:#ffffff30; background:#ffffff08; color:#e1e4ee; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-how { margin-top:auto; padding-top:22px; border-top:1px solid #d4e2da; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route--roles .tc-tests-route-how { border-color:#ffffff30; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-how h3 { font-size:16px; font-weight:600; color:inherit; margin:0 0 12px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-how ol { list-style:decimal; padding-left:20px; margin:0; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-how li { padding:4px 0 4px 5px; font-size:14px; line-height:1.5; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-how li::marker { color:#267d63; font-weight:600; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route--roles .tc-tests-route-how li::marker { color:#3ddc97; } :where(html[data-tc-css~="tests-hub"]) .tc-marketing .tc-tests-route .tc-tests-route-link { align-self:flex-start; margin-top:24px; color:inherit; font-size:16px; font-weight:600; line-height:1.5; text-decoration:none; border-bottom:2px solid #26cc88; padding-bottom:3px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-link:hover { opacity:.8; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-link:focus-visible { outline:2px solid currentColor; outline-offset:5px; } @media(max-width:900px) { :where(html[data-tc-css~="tests-hub"]) .tc-tests-routes .tc-tests-route { padding:26px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route .tc-tests-route-lead { font-size:17px; } } @media(max-width:720px) { :where(html[data-tc-css~="tests-hub"]) .tc-tests-choice { padding-top:32px; padding-bottom:32px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-stat > strong { font-size:56px; } :where(html[data-tc-css~="tests-hub"]) .tc-tests-route-stat { margin-bottom:20px; } } :where(html[data-tc-css~="tests-hub"]) .tc-tests-ai-band{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:32px;border:1px solid #DFE3EA;border-radius:16px;background:#fff} :where(html[data-tc-css~="tests-hub"]) .tc-tests-ai-band h2{margin:8px 0 10px} :where(html[data-tc-css~="tests-hub"]) .tc-tests-ai-band p:last-child{max-width:640px} @media (max-width:760px){:where(html[data-tc-css~="tests-hub"]) .tc-tests-ai-band{flex-direction:column;align-items:flex-start;padding:24px}} /* ==== From tc-acquisition.css: pages with html[data-tc-css~="acquisition"] ==== */ :where(html[data-tc-css~="acquisition"]) .tc-acquisition{color:#18233d;background:#fff}:where(html[data-tc-css~="acquisition"]) .acq-hero{background:#1c1d40;color:white;padding:70px 0}:where(html[data-tc-css~="acquisition"]) .acq-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-eyebrow{font-size:11px!important;letter-spacing:1.6px;font-weight:600;line-height:1.7}:where(html[data-tc-css~="acquisition"]) .acq-hero h1{font-size:48px;line-height:1.12;letter-spacing:-1.5px;color:white;margin:20px 0 24px}:where(html[data-tc-css~="acquisition"]) .acq-intro{font-size:18px;line-height:1.8;color:#d0d3e3;max-width:630px}:where(html[data-tc-css~="acquisition"]) .acq-hero .tv2-btn--primary{margin-top:28px}:where(html[data-tc-css~="acquisition"]) .acq-reassurance, :where(html[data-tc-css~="acquisition"]) .acq-preview-note{font-size:12px;line-height:1.7;color:#c7ccdc;margin-top:12px}:where(html[data-tc-css~="acquisition"]) .acq-preview-note{max-width:400px;color:#aeb8cd}:where(html[data-tc-css~="acquisition"]) .acq-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}:where(html[data-tc-css~="acquisition"]) .acq-facts span{border:1px solid #ffffff35;border-radius:5px;padding:6px 10px;font-size:12px}:where(html[data-tc-css~="acquisition"]) .acq-visual{background:#f4f7f5;color:#19253b;border:1px solid #ffffff25;border-radius:18px;padding:32px;box-shadow:0 20px 60px #080c2822}:where(html[data-tc-css~="acquisition"]) .acq-visual h2{font-size:28px;line-height:1.25;margin:12px 0 28px}:where(html[data-tc-css~="acquisition"]) .acq-visual-list{display:grid;gap:22px}:where(html[data-tc-css~="acquisition"]) .acq-visual-list>div{display:flex;gap:16px;align-items:flex-start}:where(html[data-tc-css~="acquisition"]) .acq-number{font-size:12px;color:#267b61;background:#e0eee7;border-radius:6px;padding:7px 9px;display:inline-block}:where(html[data-tc-css~="acquisition"]) .acq-visual h3{font-size:16px;margin:0 0 4px}:where(html[data-tc-css~="acquisition"]) .acq-visual p:not(.acq-eyebrow){font-size:13px;color:#596779;line-height:1.65}:where(html[data-tc-css~="acquisition"]) .acq-visual-foot{border-top:1px solid #dce5e0;padding-top:20px;margin-top:26px}:where(html[data-tc-css~="acquisition"]) .acq-section{padding-top:72px;padding-bottom:72px}:where(html[data-tc-css~="acquisition"]) .tc-acquisition h2{font-size:34px;line-height:1.2;letter-spacing:-.6px;margin:14px 0 26px}:where(html[data-tc-css~="acquisition"]) .acq-three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px}:where(html[data-tc-css~="acquisition"]) .acq-three article{border-top:1px solid #dce3e7;padding-top:24px}:where(html[data-tc-css~="acquisition"]) .acq-three h3{font-size:21px;line-height:1.35;margin:18px 0 12px}:where(html[data-tc-css~="acquisition"]) .acq-three p, :where(html[data-tc-css~="acquisition"]) .acq-proof p, :where(html[data-tc-css~="acquisition"]) .acq-faq p{font-size:15px;line-height:1.85;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-band{background:#f2f5f4;padding:64px 0}:where(html[data-tc-css~="acquisition"]) .acq-proof{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-limit{border-left:2px solid #2a8469;padding-left:18px;margin-top:24px;font-size:13px!important}:where(html[data-tc-css~="acquisition"]) .acq-spec{border:1px solid #d8e2dc;border-radius:12px;background:white;padding:28px}:where(html[data-tc-css~="acquisition"]) .acq-spec h3{font-size:20px;margin-bottom:20px}:where(html[data-tc-css~="acquisition"]) .acq-spec dl>div{padding:14px 0;border-top:1px solid #e6ebee;display:flex;justify-content:space-between;gap:16px;font-size:13px}:where(html[data-tc-css~="acquisition"]) .acq-spec dd{color:#526079;white-space:nowrap}:where(html[data-tc-css~="acquisition"]) .acq-spec ol{padding-left:18px;list-style:decimal;line-height:2.5;font-size:14px}:where(html[data-tc-css~="acquisition"]) .acq-spec p{font-size:12px;line-height:1.7;margin-top:18px}:where(html[data-tc-css~="acquisition"]) .acq-story{padding-top:42px;padding-bottom:42px;border-top:1px solid #dce3e7;border-bottom:1px solid #dce3e7}:where(html[data-tc-css~="acquisition"]) .acq-story blockquote{font-size:28px;line-height:1.5;max-width:850px;margin:20px 0}:where(html[data-tc-css~="acquisition"]) .acq-story>p:not(.acq-eyebrow){font-size:13px;color:#526079;margin:14px 0}:where(html[data-tc-css~="acquisition"]) .tc-acquisition a:not(.tv2-btn--primary){text-decoration:underline;text-underline-offset:4px}:where(html[data-tc-css~="acquisition"]) .acq-story a{font-size:13px}:where(html[data-tc-css~="acquisition"]) .acq-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:64px}:where(html[data-tc-css~="acquisition"]) .acq-faq details{border-bottom:1px solid #dce3e7;padding:18px 0}:where(html[data-tc-css~="acquisition"]) .acq-faq summary{font-size:16px;cursor:pointer;font-weight:600;line-height:1.5}:where(html[data-tc-css~="acquisition"]) .acq-faq details p{margin-top:14px;font-size:14px}:where(html[data-tc-css~="acquisition"]) .acq-final{background:#1c1d40;color:white;text-align:center;padding:58px 0}:where(html[data-tc-css~="acquisition"]) .acq-final h2{color:white}:where(html[data-tc-css~="acquisition"]) .acq-final p{font-size:12px;color:#d0d3e3;margin-top:16px}@media(max-width:900px){:where(html[data-tc-css~="acquisition"]) .acq-hero-grid, :where(html[data-tc-css~="acquisition"]) .acq-proof, :where(html[data-tc-css~="acquisition"]) .acq-faq{grid-template-columns:1fr;gap:32px}:where(html[data-tc-css~="acquisition"]) .acq-hero h1{font-size:40px}:where(html[data-tc-css~="acquisition"]) .acq-three{gap:20px}:where(html[data-tc-css~="acquisition"]) .acq-hero{padding:44px 0}}@media(max-width:600px){:where(html[data-tc-css~="acquisition"]) .acq-three{grid-template-columns:1fr}:where(html[data-tc-css~="acquisition"]) .acq-hero h1{font-size:34px}:where(html[data-tc-css~="acquisition"]) .acq-intro{font-size:16px}:where(html[data-tc-css~="acquisition"]) .acq-visual{padding:24px}:where(html[data-tc-css~="acquisition"]) .acq-section{padding-top:44px;padding-bottom:44px}:where(html[data-tc-css~="acquisition"]) .tc-acquisition h2{font-size:28px}:where(html[data-tc-css~="acquisition"]) .acq-story blockquote{font-size:23px}:where(html[data-tc-css~="acquisition"]) .acq-spec dl>div{flex-direction:column;gap:4px}:where(html[data-tc-css~="acquisition"]) .acq-band{padding:40px 0}} :where(html[data-tc-css~="acquisition"]) .acq-hero .tv2-btn--primary, :where(html[data-tc-css~="acquisition"]) .acq-final .tv2-btn--primary{background:#fff;color:#1c1d40;border-color:#fff}:where(html[data-tc-css~="acquisition"]) .acq-hero .tv2-btn--primary:hover, :where(html[data-tc-css~="acquisition"]) .acq-final .tv2-btn--primary:hover{background:#e4f1eb;color:#1c1d40}:where(html[data-tc-css~="acquisition"]) .acq-visual h2{font-size:28px}:where(html[data-tc-css~="acquisition"]) .acq-eyebrow{text-transform:uppercase} :where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-hero a.tv2-btn--primary, :where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-final a.tv2-btn--primary{background:#fff;color:#1c1d40;border-color:#fff}:where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-hero a.tv2-btn--primary:hover, :where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-final a.tv2-btn--primary:hover{background:#e4f1eb;color:#1c1d40}:where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-hero a.tv2-btn--primary:focus-visible, :where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-final a.tv2-btn--primary:focus-visible{outline:3px solid #70dfb3;outline-offset:4px} :where(html[data-tc-css~="acquisition"]) .acq-example{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;background:#f7f9f8}:where(html[data-tc-css~="acquisition"]) .acq-example p{font-size:14px;line-height:1.8;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-example summary{cursor:pointer;color:#267b61;margin-top:20px}:where(html[data-tc-css~="acquisition"]) .acq-example ol{list-style:upper-alpha}@media(max-width:900px){:where(html[data-tc-css~="acquisition"]) .acq-example{grid-template-columns:1fr;gap:28px}} /* Product-led general acquisition page. */ :where(html[data-tc-css~="acquisition"]) [data-acquisition-page="teams"] .acq-hero{padding:58px 0 64px;background:radial-gradient(ellipse at 80% 45%,#303a5d 0,transparent 58%),#1c1d40} :where(html[data-tc-css~="acquisition"]) [data-acquisition-page="teams"] .acq-hero-grid{grid-template-columns:1fr 1.05fr;gap:60px} :where(html[data-tc-css~="acquisition"]) [data-acquisition-page="teams"] .acq-hero h1{font-size:72px;line-height:1.02;letter-spacing:-3px;max-width:520px;margin:24px 0} :where(html[data-tc-css~="acquisition"]) [data-acquisition-page="teams"] .acq-intro{line-height:1.65;max-width:440px} :where(html[data-tc-css~="acquisition"]) .acq-results{background:#fff;color:#18233d;border-radius:16px;box-shadow:0 28px 70px #090e3555;padding:26px 30px;transform:rotate(-1deg)} :where(html[data-tc-css~="acquisition"]) .acq-results-top{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px;font-weight:600;border-bottom:1px solid #e5e9ee;padding-bottom:20px}:where(html[data-tc-css~="acquisition"]) .acq-live-dot{color:#21795e;white-space:nowrap;letter-spacing:0}:where(html[data-tc-css~="acquisition"]) .acq-live-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:100%;background:#24bb88;margin-right:5px} :where(html[data-tc-css~="acquisition"]) .acq-result-person{display:flex;align-items:center;gap:12px;margin-top:22px}:where(html[data-tc-css~="acquisition"]) .acq-avatar{display:grid;place-items:center;width:44px;height:44px;background:#e0eee8;border-radius:50%;color:#22755b;font-size:15px;font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-result-person p{font-size:15px;font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-result-person div>span{font-size:10px;color:#66728a}:where(html[data-tc-css~="acquisition"]) .acq-completed{margin-left:auto;font-size:10px;background:#eff4f2;padding:5px 8px;border-radius:4px;color:#36705b} :where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-results-head h2{font-size:29px;letter-spacing:-.7px;margin:24px 0 4px}:where(html[data-tc-css~="acquisition"]) .acq-results-head p{font-size:12px;color:#68738a}:where(html[data-tc-css~="acquisition"]) .acq-score-bars{display:grid;gap:17px;margin:24px 0}:where(html[data-tc-css~="acquisition"]) .acq-score-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:7px}:where(html[data-tc-css~="acquisition"]) .acq-score-label strong{font-size:21px}:where(html[data-tc-css~="acquisition"]) .acq-score-label small{font-size:12px}:where(html[data-tc-css~="acquisition"]) .acq-score-track{height:9px;background:#eef1f5;border-radius:3px;overflow:hidden}:where(html[data-tc-css~="acquisition"]) .acq-score-track span{display:block;height:100%;background:#279d79;border-radius:3px}:where(html[data-tc-css~="acquisition"]) .acq-score-bars>div:last-child .acq-score-track span{background:#8c89bd}:where(html[data-tc-css~="acquisition"]) .acq-result-insight{background:#f1f5f3;border-left:3px solid #269a77;padding:14px 16px}:where(html[data-tc-css~="acquisition"]) .acq-result-insight>span{font-size:9px;letter-spacing:1px;font-weight:600;color:#42705e}:where(html[data-tc-css~="acquisition"]) .acq-result-insight p{font-size:12px;line-height:1.6;margin-top:5px}:where(html[data-tc-css~="acquisition"]) .acq-results-caption{font-size:11px;color:#758097;margin-top:13px} :where(html[data-tc-css~="acquisition"]) .acq-customer-proof{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-top:36px;padding-bottom:36px;border-bottom:1px solid #e2e7ec;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-customer-proof strong{display:block;font-size:28px;letter-spacing:-1px;margin:8px 0}:where(html[data-tc-css~="acquisition"]) .acq-customer-proof span{display:block;font-size:11px;color:#657189}:where(html[data-tc-css~="acquisition"]) .acq-customer-proof blockquote{font-size:20px;line-height:1.55;margin-bottom:10px}:where(html[data-tc-css~="acquisition"]) .acq-customer-proof a{font-size:12px}:where(html[data-tc-css~="acquisition"]) .acq-suite{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-suite>div>p:not(.acq-eyebrow){font-size:16px;line-height:1.8;color:#5b677d;max-width:360px}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-suite h2{font-size:42px}:where(html[data-tc-css~="acquisition"]) .acq-suite-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}:where(html[data-tc-css~="acquisition"]) .acq-suite-grid article{padding:22px;border-top:2px solid #cce5da;background:#f5f8f6}:where(html[data-tc-css~="acquisition"]) .acq-suite-index{font-size:11px;color:#438568}:where(html[data-tc-css~="acquisition"]) .acq-suite-grid h3{font-size:20px;margin:18px 0 7px}:where(html[data-tc-css~="acquisition"]) .acq-suite-grid p{font-size:13px;line-height:1.65;color:#5b677d}:where(html[data-tc-css~="acquisition"]) .acq-try-band{background:#e6f2ec;padding:64px 0}:where(html[data-tc-css~="acquisition"]) .acq-try-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-free-number{font-size:210px;letter-spacing:-12px;line-height:.9;font-weight:600;color:#1f795c;text-align:center}:where(html[data-tc-css~="acquisition"]) .acq-free-number span{display:block;font-size:20px;letter-spacing:0;font-weight:400;margin-top:24px}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-try-grid h2{font-size:42px}:where(html[data-tc-css~="acquisition"]) .acq-try-grid p{font-size:16px;line-height:1.7;max-width:500px}:where(html[data-tc-css~="acquisition"]) .acq-simple-steps{display:flex;gap:28px;margin:26px 0;font-size:14px;font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-try-grid .acq-try-note{font-size:12px;color:#567568} @media(max-width:900px){:where(html[data-tc-css~="acquisition"]) [data-acquisition-page="teams"] .acq-hero-grid{grid-template-columns:1fr;gap:40px}:where(html[data-tc-css~="acquisition"]) [data-acquisition-page="teams"] .acq-hero h1{font-size:60px}:where(html[data-tc-css~="acquisition"]) .acq-results{transform:none;max-width:600px}:where(html[data-tc-css~="acquisition"]) .acq-customer-proof, :where(html[data-tc-css~="acquisition"]) .acq-suite, :where(html[data-tc-css~="acquisition"]) .acq-try-grid{gap:30px}:where(html[data-tc-css~="acquisition"]) .acq-customer-proof blockquote{font-size:18px}} @media(max-width:600px){:where(html[data-tc-css~="acquisition"]) [data-acquisition-page="teams"] .acq-hero{padding:36px 0 40px}:where(html[data-tc-css~="acquisition"]) [data-acquisition-page="teams"] .acq-hero h1{font-size:50px;letter-spacing:-2px}:where(html[data-tc-css~="acquisition"]) .acq-results{padding:22px 20px}:where(html[data-tc-css~="acquisition"]) .acq-results-top{font-size:8px;letter-spacing:.5px}:where(html[data-tc-css~="acquisition"]) .acq-completed{display:none}:where(html[data-tc-css~="acquisition"]) .acq-customer-proof, :where(html[data-tc-css~="acquisition"]) .acq-suite, :where(html[data-tc-css~="acquisition"]) .acq-try-grid{grid-template-columns:1fr}:where(html[data-tc-css~="acquisition"]) .acq-customer-proof{gap:20px}:where(html[data-tc-css~="acquisition"]) .acq-suite-grid{gap:12px}:where(html[data-tc-css~="acquisition"]) .acq-suite-grid article{padding:16px}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-suite h2, :where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-try-grid h2{font-size:34px}:where(html[data-tc-css~="acquisition"]) .acq-free-number{font-size:140px;letter-spacing:-7px}:where(html[data-tc-css~="acquisition"]) .acq-free-number span{font-size:18px;margin-top:14px}:where(html[data-tc-css~="acquisition"]) .acq-try-band{padding:44px 0}} :where(html[data-tc-css~="acquisition"]) .acq-guide{padding-top:64px;padding-bottom:64px;border-top:1px solid #e2e7ec}:where(html[data-tc-css~="acquisition"]) .acq-guide-heading{max-width:760px}:where(html[data-tc-css~="acquisition"]) .acq-guide-heading>p:not(.acq-eyebrow){font-size:17px;line-height:1.75;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-guide-index{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px 0;margin:28px 0 36px;border-top:1px solid #e2e7ec;border-bottom:1px solid #e2e7ec;font-size:13px;line-height:1.65}:where(html[data-tc-css~="acquisition"]) .acq-guide-index>span{font-weight:600;width:100%}:where(html[data-tc-css~="acquisition"]) .acq-guide-index a{color:#266d58}:where(html[data-tc-css~="acquisition"]) .acq-guide-content{display:grid;grid-template-columns:1fr 1fr;gap:40px 56px}:where(html[data-tc-css~="acquisition"]) .acq-guide-content article{scroll-margin-top:32px}:where(html[data-tc-css~="acquisition"]) .acq-guide-content h3{font-size:23px;line-height:1.4;margin:0 0 16px;letter-spacing:-.35px}:where(html[data-tc-css~="acquisition"]) .acq-guide-content p{font-size:15px;line-height:1.9;color:#526079;margin:0 0 16px}:where(html[data-tc-css~="acquisition"]) .acq-related{margin-top:40px;padding-top:28px;border-top:1px solid #e2e7ec}:where(html[data-tc-css~="acquisition"]) .acq-related h3{font-size:18px;margin-bottom:16px}:where(html[data-tc-css~="acquisition"]) .acq-related>div{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px;line-height:1.6}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-guide{padding-top:44px;padding-bottom:44px}:where(html[data-tc-css~="acquisition"]) .acq-guide-content{grid-template-columns:1fr;gap:24px}:where(html[data-tc-css~="acquisition"]) .acq-guide-index{flex-direction:column;gap:12px}:where(html[data-tc-css~="acquisition"]) .acq-guide-content h3{font-size:22px}} :where(html[data-tc-css~="acquisition"]) .acq-options{padding-top:56px;padding-bottom:56px}:where(html[data-tc-css~="acquisition"]) .acq-options-heading{max-width:720px}:where(html[data-tc-css~="acquisition"]) .acq-options-heading>p:not(.acq-eyebrow){font-size:16px;line-height:1.8;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:28px}:where(html[data-tc-css~="acquisition"]) .acq-level-grid article{border:1px solid #dce3e7;border-radius:10px;padding:24px}:where(html[data-tc-css~="acquisition"]) .acq-level-grid h3{font-size:20px;margin-bottom:16px}:where(html[data-tc-css~="acquisition"]) .acq-level-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e5eaed;padding:14px 0;font-size:14px}:where(html[data-tc-css~="acquisition"]) .acq-level-row>span:last-child{font-size:12px;color:#657189}:where(html[data-tc-css~="acquisition"]) .acq-options-note{font-size:12px;color:#657189;margin-top:20px;line-height:1.7}:where(html[data-tc-css~="acquisition"]) .acq-language-band{background:#eef5f1;padding:56px 0}:where(html[data-tc-css~="acquisition"]) .acq-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-language-grid p:not(.acq-eyebrow){font-size:16px;line-height:1.8;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-language-grid .acq-language-note{font-size:13px;margin-top:18px}:where(html[data-tc-css~="acquisition"]) .acq-language-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none!important;padding:0!important;margin-top:20px}:where(html[data-tc-css~="acquisition"]) .acq-language-list li{background:#fff;border:1px solid #d6e5dc;border-radius:6px;padding:10px 14px;font-size:13px;color:#285c48}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-language-grid, :where(html[data-tc-css~="acquisition"]) .acq-level-grid{grid-template-columns:1fr;gap:24px}:where(html[data-tc-css~="acquisition"]) .acq-options{padding-top:40px;padding-bottom:40px}:where(html[data-tc-css~="acquisition"]) .acq-language-band{padding:40px 0}:where(html[data-tc-css~="acquisition"]) .acq-level-row{flex-wrap:wrap;gap:6px}} :where(html[data-tc-css~="acquisition"]) .acq-options-single{display:grid;grid-template-columns:1fr 1fr;gap:24px 56px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-options-single .acq-level-grid{grid-template-columns:1fr;margin:0}:where(html[data-tc-css~="acquisition"]) .acq-options-single .acq-options-note{grid-column:1/-1;margin-top:0}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-options-single{grid-template-columns:1fr;gap:24px}} /* Spreadsheet context and a fictional result, drawn in the shared site palette. */ :where(html[data-tc-css~="acquisition"]) .acq-excel-scene{position:relative;min-height:550px;isolation:isolate}:where(html[data-tc-css~="acquisition"]) .acq-excel-glow{position:absolute;inset:40px -20px;background:radial-gradient(ellipse,#319d8050,transparent 68%);z-index:-1}:where(html[data-tc-css~="acquisition"]) .acq-sheet-card{width:92%;border:1px solid #b9d7cc;border-radius:12px;background:#f8fbf9;overflow:hidden;box-shadow:0 24px 50px #080c2840;transform:rotate(-4deg);color:#223d33}:where(html[data-tc-css~="acquisition"]) .acq-sheet-title{display:flex;align-items:center;gap:8px;background:#186b50;color:#fff;padding:13px 16px;font-size:12px;font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-sheet-title>span:last-child{margin-left:auto;font-weight:400;font-size:10px;color:#d6ede3}:where(html[data-tc-css~="acquisition"]) .acq-sheet-icon{font-size:22px;line-height:1}:where(html[data-tc-css~="acquisition"]) .acq-sheet-formula{display:flex;gap:12px;align-items:center;padding:9px 14px;font-size:11px;border-bottom:1px solid #dbe6e0}:where(html[data-tc-css~="acquisition"]) .acq-sheet-formula>span{font-style:italic;color:#6c8277}:where(html[data-tc-css~="acquisition"]) .acq-sheet-formula code{background:#fff;border:1px solid #dce8e0;flex:1;padding:4px 8px;color:#38614f}:where(html[data-tc-css~="acquisition"]) .acq-sheet-card table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}:where(html[data-tc-css~="acquisition"]) .acq-sheet-card th, :where(html[data-tc-css~="acquisition"]) .acq-sheet-card td{border:1px solid #deebe3;padding:9px 10px;text-align:left;white-space:nowrap}:where(html[data-tc-css~="acquisition"]) .acq-sheet-card th:first-child{width:28px;padding:8px 4px;text-align:center;background:#eaf2ed;color:#6b8276;font-size:9px;font-weight:400}:where(html[data-tc-css~="acquisition"]) .acq-sheet-card thead th{background:#eaf2ed;text-align:center;font-weight:400;color:#6b8276}:where(html[data-tc-css~="acquisition"]) .acq-sheet-card tbody tr:first-child td{font-weight:600;background:#edf6f0}:where(html[data-tc-css~="acquisition"]) .acq-sheet-card td:nth-child(3){background:#ecf7ef}:where(html[data-tc-css~="acquisition"]) .acq-sheet-total td{font-weight:600;color:#1d7959}:where(html[data-tc-css~="acquisition"]) .acq-excel-scorecard{position:relative;margin:-76px 0 0 36px;background:#fff;color:#19253b;border-radius:15px;padding:25px 26px;box-shadow:0 24px 64px #080c2850;border:1px solid #e1eae4;transform:rotate(1.5deg)}:where(html[data-tc-css~="acquisition"]) .acq-excel-person{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid #e6ebee}:where(html[data-tc-css~="acquisition"]) .acq-excel-avatar{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:#e7efec;color:#207856;font-size:13px;font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-excel-person strong{font-size:13px;display:block}:where(html[data-tc-css~="acquisition"]) .acq-excel-person div>span{display:block;font-size:10px;color:#718092;margin-top:3px}:where(html[data-tc-css~="acquisition"]) .acq-excel-status{margin-left:auto;font-size:9px;background:#e8f5ee;color:#237459;padding:5px 7px;border-radius:4px}:where(html[data-tc-css~="acquisition"]) .acq-excel-score{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:23px 0}:where(html[data-tc-css~="acquisition"]) .acq-excel-score .acq-eyebrow{font-size:8px!important;letter-spacing:1px;color:#6a7b8e}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-excel-score h2{font-size:24px;line-height:1.2;margin:8px 0 8px;letter-spacing:-.5px}:where(html[data-tc-css~="acquisition"]) .acq-excel-score p:last-child{font-size:11px;color:#6a7b8e}:where(html[data-tc-css~="acquisition"]) .acq-excel-ring{width:106px;height:106px;flex:0 0 106px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#259c75 0 var(--result-score,72%),#e7eee9 var(--result-score,72%) 100%);position:relative}:where(html[data-tc-css~="acquisition"]) .acq-excel-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff}:where(html[data-tc-css~="acquisition"]) .acq-excel-ring>span{position:relative;font-size:37px;font-weight:600;letter-spacing:-1px;color:#18233d}:where(html[data-tc-css~="acquisition"]) .acq-excel-ring small{font-size:16px;letter-spacing:0}:where(html[data-tc-css~="acquisition"]) .acq-excel-skills{display:grid;gap:17px;margin:24px 0}:where(html[data-tc-css~="acquisition"]) .acq-excel-skill-label{display:flex;justify-content:space-between;font-size:11px;gap:12px;margin-bottom:7px}:where(html[data-tc-css~="acquisition"]) .acq-excel-skill-label strong{font-size:10px;color:#617283;font-weight:400}:where(html[data-tc-css~="acquisition"]) .acq-excel-track{height:7px;background:#eef1f4;border-radius:4px;overflow:hidden}:where(html[data-tc-css~="acquisition"]) .acq-excel-track>span{display:block;height:100%;background:#329e7d;border-radius:4px}:where(html[data-tc-css~="acquisition"]) .acq-excel-skills>div:nth-child(2) .acq-excel-track>span{background:#6ab5a2}:where(html[data-tc-css~="acquisition"]) .acq-excel-skills>div:nth-child(3) .acq-excel-track>span{background:#9692c3}:where(html[data-tc-css~="acquisition"]) .acq-excel-card-foot{display:flex;gap:12px;align-items:center;background:#eff6f2;padding:12px 14px;border-radius:6px;font-size:11px;line-height:1.6;color:#506d60}:where(html[data-tc-css~="acquisition"]) .acq-excel-card-foot strong{color:#275640;font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-excel-check{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#d5ecdf;color:#207958;font-size:14px}:where(html[data-tc-css~="acquisition"]) .acq-excel-caption{font-size:9px;color:#b3bcd0;margin:20px 0 0 36px;text-align:center;line-height:1.5}@media(max-width:900px){:where(html[data-tc-css~="acquisition"]) .acq-excel-scene{max-width:580px;min-height:0;margin:12px 0}:where(html[data-tc-css~="acquisition"]) .acq-excel-caption{margin-bottom:0}}@media(max-width:600px){:where(html[data-tc-css~="acquisition"]) .acq-excel-scene{margin-top:6px}:where(html[data-tc-css~="acquisition"]) .acq-sheet-card{width:94%;transform:rotate(-2deg)}:where(html[data-tc-css~="acquisition"]) .acq-sheet-card th, :where(html[data-tc-css~="acquisition"]) .acq-sheet-card td{padding:8px 6px;font-size:9px}:where(html[data-tc-css~="acquisition"]) .acq-excel-scorecard{margin-left:14px;margin-top:-40px;padding:20px 18px;transform:none}:where(html[data-tc-css~="acquisition"]) .acq-excel-status{display:none}:where(html[data-tc-css~="acquisition"]) .acq-excel-ring{width:86px;height:86px;flex-basis:86px}:where(html[data-tc-css~="acquisition"]) .acq-excel-ring>span{font-size:30px}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-excel-score h2{font-size:22px}:where(html[data-tc-css~="acquisition"]) .acq-excel-score .acq-eyebrow{font-size:7px!important}:where(html[data-tc-css~="acquisition"]) .acq-excel-caption{margin-left:14px}:where(html[data-tc-css~="acquisition"]) .acq-excel-glow{inset:20px 0}} /* Verbal reasoning uses the shared result card with passage context. */ :where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-verbal-hero .tc-test-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;text-align:left;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-verbal-hero .tv2-hero__main{min-width:0}:where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-verbal-hero .tv2-hero__ctas{justify-content:flex-start}:where(html[data-tc-css~="acquisition"]) .acq-verbal-hero .tc-reassurance{text-align:left}:where(html[data-tc-css~="acquisition"]) .acq-verbal-question{width:94%;background:#fff;border:1px solid #dce3ed;border-radius:12px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 24px 50px #080c2840;color:#19253b}:where(html[data-tc-css~="acquisition"]) .acq-verbal-question .acq-sheet-title{background:#50467b}:where(html[data-tc-css~="acquisition"]) .acq-verbal-question .acq-sheet-title>span:last-child{color:#e3ddf4}:where(html[data-tc-css~="acquisition"]) .acq-verbal-passage{padding:20px 22px 28px}:where(html[data-tc-css~="acquisition"]) .acq-verbal-passage>.acq-eyebrow{font-size:8px;color:#6a7b8e;margin:0 0 10px}:where(html[data-tc-css~="acquisition"]) .acq-verbal-passage>p:last-of-type{font-size:12px;line-height:1.7;margin:0}:where(html[data-tc-css~="acquisition"]) .acq-verbal-statement{background:#f5f4f9;padding:12px;margin-top:14px;border-left:3px solid #9692c3}:where(html[data-tc-css~="acquisition"]) .acq-verbal-statement span{display:block;font-size:8px;letter-spacing:1px;color:#756a96;margin-bottom:6px}:where(html[data-tc-css~="acquisition"]) .acq-verbal-statement strong{font-size:12px;line-height:1.5;font-weight:500;display:block}:where(html[data-tc-css~="acquisition"]) .acq-verbal-answers{display:flex;gap:8px;margin-top:14px}:where(html[data-tc-css~="acquisition"]) .acq-verbal-answers>span{flex:1;padding:8px 5px;border:1px solid #dce3ed;border-radius:5px;font-size:10px;text-align:center}:where(html[data-tc-css~="acquisition"]) .acq-verbal-answers .acq-verbal-selected{background:#edf5f1;color:#207856;border-color:#67aa91}:where(html[data-tc-css~="acquisition"]) .acq-verbal-selected b{margin-left:4px}:where(html[data-tc-css~="acquisition"]) .acq-verbal-scene .acq-excel-scorecard{margin-top:-16px}:where(html[data-tc-css~="acquisition"]) .acq-verbal-scene .acq-excel-score .acq-eyebrow{max-width:160px;line-height:1.6}:where(html[data-tc-css~="acquisition"]) .acq-verbal-hero .acq-excel-score p{margin:0}:where(html[data-tc-css~="acquisition"]) .acq-verbal-hero .acq-excel-caption{margin-top:20px}@media(max-width:900px){:where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-verbal-hero .tc-test-hero{grid-template-columns:1fr;gap:40px}:where(html[data-tc-css~="acquisition"]) .acq-verbal-scene{margin-inline:auto;width:100%}}@media(max-width:600px){:where(html[data-tc-css~="acquisition"]) .acq-verbal-question{transform:rotate(-2deg)}:where(html[data-tc-css~="acquisition"]) .acq-verbal-passage{padding:18px 16px 25px}:where(html[data-tc-css~="acquisition"]) .acq-verbal-scene .acq-excel-scorecard{margin-top:-9px}} :where(html[data-tc-css~="acquisition"]) .acq-verbal-hero .acq-excel-score h2{color:#19253b}:where(html[data-tc-css~="acquisition"]) .acq-verbal-hero .tc-test-detail-tags{justify-content:flex-start} /* Keep test heroes concise; show question/result illustrations in the body. */ :where(html[data-tc-css~="acquisition"]) .acq-test-visual-section{background:#f2f5f4;padding:64px 0}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-copy h2{max-width:480px}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-copy>p:not(.acq-eyebrow){font-size:16px;line-height:1.85;color:#526079;max-width:440px}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-copy .acq-test-visual-note{font-size:12px!important;margin-top:22px}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-section .acq-excel-caption{color:#637087}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-section .acq-excel-scene{min-width:0}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-section .acq-excel-score h2{color:#19253b}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-section .acq-excel-score p{margin:0}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-section .acq-excel-glow{inset:30px 0;background:radial-gradient(ellipse,#319d8020,transparent 68%)}@media(max-width:900px){:where(html[data-tc-css~="acquisition"]) .acq-test-visual-grid{grid-template-columns:1fr;gap:36px}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-section .acq-excel-scene{width:100%;margin-inline:auto}}@media(max-width:600px){:where(html[data-tc-css~="acquisition"]) .acq-test-visual-section{padding:44px 0}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-copy>p:not(.acq-eyebrow){font-size:15px}} :where(html[data-tc-css~="acquisition"]) .acq-visual--report{min-height:0}:where(html[data-tc-css~="acquisition"]) .acq-visual--report .acq-excel-scorecard, :where(html[data-tc-css~="acquisition"]) .acq-verbal-scene.acq-visual--report .acq-excel-scorecard{margin:0}:where(html[data-tc-css~="acquisition"]) .acq-visual--report .acq-excel-caption{margin-left:0}:where(html[data-tc-css~="acquisition"]) .acq-visual--question{min-height:0}:where(html[data-tc-css~="acquisition"]) .acq-visual--question .acq-sheet-card, :where(html[data-tc-css~="acquisition"]) .acq-visual--question .acq-verbal-question{width:100%}:where(html[data-tc-css~="acquisition"]) .acq-visual--question .acq-excel-caption{margin-left:0}:where(html[data-tc-css~="acquisition"]) .acq-test-visual-section .acq-visual--question{max-width:540px} :where(html[data-tc-css~="acquisition"]) .acq-excel-coverage{padding-top:64px;padding-bottom:64px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-coverage-heading h2{max-width:650px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-heading p, :where(html[data-tc-css~="acquisition"]) .acq-coverage-level p, :where(html[data-tc-css~="acquisition"]) .acq-example-heading>p:last-child{color:#526079;font-size:15px;line-height:1.8}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts{display:flex;gap:24px;justify-content:flex-end}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts span{font-size:12px;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts strong{display:block;font-size:25px;line-height:1.3;color:#18233d;margin-bottom:7px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts span:last-child strong{font-size:17px;max-width:95px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0 24px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills article{padding:28px;background:#f0f6f3;border-radius:14px;border:1px solid #dbe8e1}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills article:nth-child(2){background:#f2f5fa;border-color:#e0e5ef}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills article:nth-child(3){background:#f4f2f9;border-color:#e5e0f0}:where(html[data-tc-css~="acquisition"]) .acq-coverage-icon{display:block;font-size:36px;color:#258464;height:55px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills article:nth-child(2) .acq-coverage-icon{color:#527eaa}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills article:nth-child(3) .acq-coverage-icon{color:#8273ab}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills .acq-eyebrow{color:#738196;margin:12px 0}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills h3{font-size:21px;margin-bottom:12px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills p:last-child{font-size:14px;line-height:1.7;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-coverage-level{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;border:1px solid #dde4ec;border-radius:14px;padding:26px 30px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-coverage-level h3{font-size:21px;margin:8px 0}:where(html[data-tc-css~="acquisition"]) .acq-coverage-level .acq-coverage-limit{font-size:13px;margin-top:12px}:where(html[data-tc-css~="acquisition"]) .acq-excel-interactive{background:#f2f5f4;padding:64px 0}:where(html[data-tc-css~="acquisition"]) .acq-example-heading{max-width:740px;margin-bottom:42px}:where(html[data-tc-css~="acquisition"]) .acq-interactive-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-question-form{background:#fff;border:1px solid #dce5df;border-radius:16px;padding:32px;box-shadow:0 12px 35px #152a2310}:where(html[data-tc-css~="acquisition"]) .acq-question-form fieldset{border:0;margin:0;padding:0;min-width:0}:where(html[data-tc-css~="acquisition"]) .acq-question-form legend{font-size:21px;font-weight:600;line-height:1.45;margin-bottom:24px}:where(html[data-tc-css~="acquisition"]) .acq-question-choice{display:flex;gap:12px;align-items:center;border:1px solid #dce3e7;border-radius:8px;padding:13px;margin-bottom:10px;cursor:pointer}:where(html[data-tc-css~="acquisition"]) .acq-question-choice:has(input:checked){border-color:#268968;background:#edf7f2}:where(html[data-tc-css~="acquisition"]) .acq-question-choice:focus-within{outline:2px solid #268968;outline-offset:2px}:where(html[data-tc-css~="acquisition"]) .acq-question-choice input{accent-color:#268968}:where(html[data-tc-css~="acquisition"]) .acq-question-letter{font-size:11px;color:#647488}:where(html[data-tc-css~="acquisition"]) .acq-question-choice code{font-size:13px}:where(html[data-tc-css~="acquisition"]) .acq-question-choice.is-answer{border-color:#268968;background:#edf7f2}:where(html[data-tc-css~="acquisition"]) .acq-question-form button{margin-top:14px}:where(html[data-tc-css~="acquisition"]) .acq-question-feedback{font-size:13px;line-height:1.8;background:#f6f4ed;padding:16px;border-radius:8px;margin-top:20px;color:#52472d}:where(html[data-tc-css~="acquisition"]) .acq-question-feedback.is-correct{background:#edf7f2;color:#245e49}:where(html[data-tc-css~="acquisition"]) .acq-question-note{font-size:11px;color:#718092;margin-top:18px}:where(html[data-tc-css~="acquisition"]) .acq-excel-interactive .acq-sheet-card{transform:rotate(-2deg)}@media(max-width:900px){:where(html[data-tc-css~="acquisition"]) .acq-coverage-heading, :where(html[data-tc-css~="acquisition"]) .acq-interactive-grid{grid-template-columns:1fr;gap:32px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts{justify-content:flex-start}:where(html[data-tc-css~="acquisition"]) .acq-coverage-level{gap:24px}}@media(max-width:600px){:where(html[data-tc-css~="acquisition"]) .acq-excel-coverage, :where(html[data-tc-css~="acquisition"]) .acq-excel-interactive{padding-top:44px;padding-bottom:44px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills, :where(html[data-tc-css~="acquisition"]) .acq-coverage-level{grid-template-columns:1fr}:where(html[data-tc-css~="acquisition"]) .acq-coverage-level{padding:24px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-skills article{padding:24px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts{gap:22px}:where(html[data-tc-css~="acquisition"]) .acq-question-form{padding:24px}:where(html[data-tc-css~="acquisition"]) .acq-interactive-grid{gap:32px}:where(html[data-tc-css~="acquisition"]) .acq-example-heading{margin-bottom:28px}} :where(html[data-tc-css~="acquisition"]) .acq-question-form button.tv2-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:1px solid #1c1d40;border-radius:6px;background:#1c1d40;color:#fff;font-size:14px;font-weight:600;cursor:pointer}:where(html[data-tc-css~="acquisition"]) .acq-question-form button:hover{background:#30335b}:where(html[data-tc-css~="acquisition"]) .acq-question-form button:focus-visible{outline:3px solid #268968;outline-offset:3px} :where(html[data-tc-css~="acquisition"]) .acq-coverage-languages{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:center;margin-top:18px;padding:26px 30px;background:#fff;border:1px solid #dde4ec;border-radius:14px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-languages h3{font-size:21px;margin:8px 0}:where(html[data-tc-css~="acquisition"]) .acq-coverage-languages p:last-child{font-size:12px;line-height:1.7;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-coverage-languages ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}:where(html[data-tc-css~="acquisition"]) .acq-coverage-languages li{padding:6px 10px;background:#f5f7fa;border:1px solid #e1e6ed;border-radius:5px;font-size:12px;color:#526079}@media(max-width:600px){:where(html[data-tc-css~="acquisition"]) .acq-coverage-languages{grid-template-columns:1fr;gap:18px;padding:24px}} /* A compact, balanced specification strip beside the coverage heading. */ :where(html[data-tc-css~="acquisition"]) .acq-coverage-facts{display:grid;grid-template-columns:1fr 1fr 1.65fr;gap:0;justify-content:normal;background:#f5f7fa;border:1px solid #e1e6ed;border-radius:12px;padding:20px 0;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts span{padding:0 18px;text-align:center;font-size:11px;line-height:1.5;white-space:nowrap}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts span+span{border-left:1px solid #dce2eb}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts strong{font-size:28px;line-height:1.2;margin-bottom:6px;font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts span:last-child strong{font-size:15px;max-width:none;white-space:nowrap;line-height:1.4}@media(max-width:600px){:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts{grid-template-columns:1fr 1fr 1.65fr;padding:18px 0;gap:0}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts span{padding:0 10px;font-size:10px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts strong{font-size:25px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-facts span:last-child strong{font-size:13px}} :where(html[data-tc-css~="acquisition"]) .acq-coverage-icon svg{width:40px;height:40px;display:block} :where(html[data-tc-css~="acquisition"]) .acq-report-shelf{background:#1c1d40;color:#fff;padding:76px 0;overflow:hidden}:where(html[data-tc-css~="acquisition"]) .acq-report-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-report-copy h2{font-size:42px;line-height:1.15;color:#fff;letter-spacing:-1px;margin:18px 0 24px}:where(html[data-tc-css~="acquisition"]) .acq-report-copy>.acq-eyebrow{color:#87dcbc}:where(html[data-tc-css~="acquisition"]) .acq-report-copy>p:not(.acq-eyebrow){font-size:16px;line-height:1.85;color:#d2d8e4;max-width:460px}:where(html[data-tc-css~="acquisition"]) .acq-report-copy ul{list-style:none;margin:24px 0 30px;padding:0;display:grid;gap:12px;color:#e3e8ef;font-size:14px;line-height:1.6}:where(html[data-tc-css~="acquisition"]) .acq-report-copy li{padding-left:22px;position:relative}:where(html[data-tc-css~="acquisition"]) .acq-report-copy li:before{content:'✓';position:absolute;left:0;color:#87dcbc}:where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-report-copy a.tv2-btn--primary{background:#fff;color:#1c1d40;border-color:#fff}:where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-report-copy a.tv2-btn--primary:hover{background:#e4f1eb}:where(html[data-tc-css~="acquisition"]) .acq-report-preview{background:#fff;border-radius:16px;box-shadow:0 30px 70px #090d3650;border:1px solid #e3e8ed;color:#18233d;transform:rotate(-1.5deg);overflow:hidden}:where(html[data-tc-css~="acquisition"]) .acq-report-window{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f5f7fa;border-bottom:1px solid #e2e7ee;font-size:12px;font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-report-window>span:last-child{font-size:8px;letter-spacing:1.5px;color:#718092}:where(html[data-tc-css~="acquisition"]) .acq-report-person{display:flex;align-items:center;gap:12px;padding:24px 24px 20px}:where(html[data-tc-css~="acquisition"]) .acq-report-avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#e6f2ed;color:#267c61;border-radius:50%;font-size:14px;font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-report-person h3{font-size:20px;line-height:1.3;margin:0 0 5px}:where(html[data-tc-css~="acquisition"]) .acq-report-person p{font-size:10px;color:#6c7890}:where(html[data-tc-css~="acquisition"]) .acq-report-complete{margin-left:auto;background:#eaf5ef;color:#26775b;padding:5px 8px;border-radius:4px;font-size:9px}:where(html[data-tc-css~="acquisition"]) .acq-report-tabs{display:flex;gap:22px;margin:0 24px;border-bottom:1px solid #e1e7ed;font-size:10px;color:#69768b}:where(html[data-tc-css~="acquisition"]) .acq-report-tabs span{padding:10px 0}:where(html[data-tc-css~="acquisition"]) .acq-report-tabs span:first-child{color:#217b5d;border-bottom:2px solid #2a9a77;font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-report-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 24px}:where(html[data-tc-css~="acquisition"]) .acq-report-summary>div{padding:15px 18px;background:#f1f6f3;border-radius:8px}:where(html[data-tc-css~="acquisition"]) .acq-report-summary>div:last-child{background:#f3f3fa}:where(html[data-tc-css~="acquisition"]) .acq-report-summary p{font-size:10px;color:#5e6d82;margin:0 0 8px}:where(html[data-tc-css~="acquisition"]) .acq-report-summary strong{display:block;font-size:35px;line-height:1.15;letter-spacing:-1px}:where(html[data-tc-css~="acquisition"]) .acq-report-summary small{font-size:15px;letter-spacing:0;font-weight:400}:where(html[data-tc-css~="acquisition"]) .acq-report-summary>div>span{display:block;font-size:9px;color:#718092;margin-top:7px}:where(html[data-tc-css~="acquisition"]) .acq-report-bars{padding:0 24px;display:grid;gap:14px}:where(html[data-tc-css~="acquisition"]) .acq-report-bars p{display:flex;justify-content:space-between;font-size:11px;margin:0 0 7px}:where(html[data-tc-css~="acquisition"]) .acq-report-bars strong{font-weight:500}:where(html[data-tc-css~="acquisition"]) .acq-report-bars>div>div{height:7px;background:#edf1f5;border-radius:4px;overflow:hidden}:where(html[data-tc-css~="acquisition"]) .acq-report-bars>div>div>span{display:block;height:100%;background:#4ca78d;border-radius:4px}:where(html[data-tc-css~="acquisition"]) .acq-report-bars>div:last-child>div>span{background:#9790bf}:where(html[data-tc-css~="acquisition"]) .acq-report-insight{display:flex;gap:12px;padding:16px;margin:22px 24px 24px;border:1px solid #dce9e1;background:#f1f7f3;border-radius:8px}:where(html[data-tc-css~="acquisition"]) .acq-report-insight>span{font-size:24px;color:#2c9872}:where(html[data-tc-css~="acquisition"]) .acq-report-insight strong{font-size:11px}:where(html[data-tc-css~="acquisition"]) .acq-report-insight p{font-size:10px;line-height:1.7;color:#5c7166;margin:5px 0 0}@media(max-width:900px){:where(html[data-tc-css~="acquisition"]) .acq-report-grid{grid-template-columns:1fr;gap:36px}:where(html[data-tc-css~="acquisition"]) .acq-report-preview{max-width:600px;width:100%;margin-inline:auto}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-report-copy h2{max-width:650px}:where(html[data-tc-css~="acquisition"]) .acq-report-copy>p:not(.acq-eyebrow){max-width:600px}}@media(max-width:600px){:where(html[data-tc-css~="acquisition"]) .acq-report-shelf{padding:48px 0}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-report-copy h2{font-size:32px}:where(html[data-tc-css~="acquisition"]) .acq-report-preview{transform:none}:where(html[data-tc-css~="acquisition"]) .acq-report-person, :where(html[data-tc-css~="acquisition"]) .acq-report-summary{padding:20px 18px}:where(html[data-tc-css~="acquisition"]) .acq-report-window{padding:14px 18px}:where(html[data-tc-css~="acquisition"]) .acq-report-tabs{margin-inline:18px;gap:16px;font-size:9px}:where(html[data-tc-css~="acquisition"]) .acq-report-person h3{font-size:18px}:where(html[data-tc-css~="acquisition"]) .acq-report-complete{display:none}:where(html[data-tc-css~="acquisition"]) .acq-report-summary{gap:10px}:where(html[data-tc-css~="acquisition"]) .acq-report-summary>div{padding:14px 12px}:where(html[data-tc-css~="acquisition"]) .acq-report-bars{padding-inline:18px}:where(html[data-tc-css~="acquisition"]) .acq-report-insight{margin:20px 18px}:where(html[data-tc-css~="acquisition"]) .acq-report-copy>p:not(.acq-eyebrow){font-size:15px}} :where(html[data-tc-css~="acquisition"]) .acq-report-shelf:has(.acq-report-grid--compact){padding:44px 0}:where(html[data-tc-css~="acquisition"]) .acq-report-grid--compact{grid-template-columns:minmax(0,1fr) auto;gap:56px}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-report-grid--compact h2{font-size:34px;margin:12px 0 16px}:where(html[data-tc-css~="acquisition"]) .acq-report-grid--compact .acq-report-copy>p:not(.acq-eyebrow){max-width:720px;font-size:15px}:where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-report-grid--compact>a.tv2-btn--primary{background:#fff;color:#1c1d40;border-color:#fff;white-space:nowrap}:where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-report-grid--compact>a.tv2-btn--primary:hover{background:#e4f1eb}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-report-grid--compact{grid-template-columns:1fr;gap:24px}:where(html[data-tc-css~="acquisition"]) .acq-report-grid--compact>a{justify-self:start}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-report-grid--compact h2{font-size:28px}:where(html[data-tc-css~="acquisition"]) .acq-report-shelf:has(.acq-report-grid--compact){padding:36px 0}} :where(html[data-tc-css~="acquisition"]) .acq-report-grid--compact{row-gap:22px}:where(html[data-tc-css~="acquisition"]) .acq-report-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}:where(html[data-tc-css~="acquisition"]) .acq-report-tags span{display:inline-block;padding:7px 12px;border:1px solid #ffffff30;border-radius:6px;background:#ffffff08;color:#dce4ec;font-size:12px;line-height:1.5}:where(html[data-tc-css~="acquisition"]) .tc-acquisition .acq-report-grid--compact h2{margin-bottom:0}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-report-tags{gap:8px}:where(html[data-tc-css~="acquisition"]) .acq-report-tags span{font-size:11px;padding:6px 10px}} :where(html[data-tc-css~="acquisition"]) .acq-report-grid--compact .acq-report-copy>p:not(.acq-eyebrow){margin-top:14px} :where(html[data-tc-css~="acquisition"]) .acq-report-grid--compact>a.tv2-btn--primary{grid-column:2;grid-row:1 / 3;align-self:center}:where(html[data-tc-css~="acquisition"]) .acq-report-grid--compact .acq-report-tags{grid-column:1;grid-row:2}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-report-grid--compact>a.tv2-btn--primary{grid-column:1;grid-row:2}:where(html[data-tc-css~="acquisition"]) .acq-report-grid--compact .acq-report-tags{grid-column:1;grid-row:3}} :where(html[data-tc-css~="acquisition"]) .acq-faq--excel{display:block}:where(html[data-tc-css~="acquisition"]) .acq-faq--excel>div:first-child{margin-bottom:20px}:where(html[data-tc-css~="acquisition"]) .acq-faq--excel .acq-faq-questions{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:start}:where(html[data-tc-css~="acquisition"]) .acq-faq--excel details{padding:20px 0}:where(html[data-tc-css~="acquisition"]) .acq-faq--excel summary{font-size:15px;line-height:1.6}:where(html[data-tc-css~="acquisition"]) .acq-faq--excel details p{font-size:14px;line-height:1.85}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-faq--excel .acq-faq-questions{grid-template-columns:1fr;gap:0}} :where(html[data-tc-css~="acquisition"]) .acq-coverage-support{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}:where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-level, :where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-languages{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;padding:28px 30px;margin:0;height:100%;min-width:0}:where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-level h3, :where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-languages h3{margin:8px 0 12px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-level>div:last-child{border-top:1px solid #e6eaf0;padding-top:18px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-languages ul{border-top:1px solid #e6eaf0;padding-top:18px}:where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-level .acq-coverage-limit{margin-top:12px}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-coverage-support{grid-template-columns:1fr}:where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-level, :where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-languages{padding:24px;height:auto}} :where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-languages .acq-language-benefit{font-size:15px;line-height:1.8;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-coverage-support .acq-coverage-languages .acq-language-availability{font-size:12px;line-height:1.7;color:#526079;margin:0} :where(html[data-tc-css~="acquisition"]) .acq-guide-content--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}:where(html[data-tc-css~="acquisition"]) .acq-guide-content--compact article{border-top:2px solid #e1e7ed;padding-top:22px}:where(html[data-tc-css~="acquisition"]) .acq-guide-content--compact h3{font-size:21px}:where(html[data-tc-css~="acquisition"]) .acq-guide-roles{padding:0;margin:0;list-style:none;display:grid;gap:16px}:where(html[data-tc-css~="acquisition"]) .acq-guide-roles strong{display:block;font-size:14px;margin-bottom:4px}:where(html[data-tc-css~="acquisition"]) .acq-guide-roles span{display:block;font-size:14px;line-height:1.8;color:#526079}@media(max-width:900px){:where(html[data-tc-css~="acquisition"]) .acq-guide-content--compact{grid-template-columns:1fr;gap:24px}} :where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:36px}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns article{scroll-margin-top:32px}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns>div{display:grid;gap:28px}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns h3{font-size:23px;line-height:1.4;letter-spacing:-.35px;margin:0 0 14px}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns p{font-size:15px;line-height:1.9;color:#526079;margin:0}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns>.acq-guide-roles{margin:0}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns .acq-guide-roles{gap:0}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns .acq-guide-roles li{padding:16px 0;border-bottom:1px solid #e1e7ed}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns .acq-guide-roles li:first-child{padding-top:0}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns .acq-guide-roles strong{font-size:15px}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns .acq-guide-roles span{font-size:15px}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns{grid-template-columns:1fr;gap:28px}:where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns h3{font-size:22px}} /* Shared individual-test layout. No sticky columns or fixed card heights. */ :where(html[data-tc-css~="acquisition"]) .acq-individual .acq-hero .tv2-breadcrumb{margin-bottom:28px}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-hero-grid{padding:0}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-coverage-facts strong{font-size:25px}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-coverage-facts span:last-child strong{font-size:17px;max-width:170px}:where(html[data-tc-css~="acquisition"]) .acq-individual-levels{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}:where(html[data-tc-css~="acquisition"]) .acq-individual-levels span{background:#f5f7fa;border:1px solid #e0e6ed;border-radius:8px;padding:10px;font-size:12px;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-individual-levels strong{display:block;margin-bottom:5px;color:#18233d}:where(html[data-tc-css~="acquisition"]) .acq-result-statistics{margin:22px 0 26px}:where(html[data-tc-css~="acquisition"]) .acq-result-statistics>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #e3e9ec;font-size:13px}:where(html[data-tc-css~="acquisition"]) .acq-result-statistics dt{color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-result-statistics dd{font-weight:600}:where(html[data-tc-css~="acquisition"]) .acq-profile-heading{margin:24px 0}:where(html[data-tc-css~="acquisition"]) .acq-profile-heading h2{font-size:28px}:where(html[data-tc-css~="acquisition"]) .acq-profile-heading>p:last-child{font-size:14px;color:#526079;line-height:1.7;margin-top:12px}:where(html[data-tc-css~="acquisition"]) .acq-profile-topics>div{display:grid;grid-template-columns:32px 1fr;gap:8px 12px;padding:16px 0;border-bottom:1px solid #e3e9ec}:where(html[data-tc-css~="acquisition"]) .acq-profile-topics strong{font-size:15px}:where(html[data-tc-css~="acquisition"]) .acq-profile-topics>div>span:last-child{grid-column:2;font-size:12px;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-profile-number{grid-row:1/3;display:flex;align-items:center;justify-content:center;background:#edf6f1;color:#258464;border-radius:7px;font-size:12px}:where(html[data-tc-css~="acquisition"]) .acq-individual-guide{padding-top:64px;padding-bottom:64px}:where(html[data-tc-css~="acquisition"]) .acq-individual-guide>h2{margin-bottom:32px}:where(html[data-tc-css~="acquisition"]) .acq-individual-reading{display:grid;grid-template-columns:1fr 1fr;gap:36px 56px;align-items:start}:where(html[data-tc-css~="acquisition"]) .acq-individual-reading .markdown, :where(html[data-tc-css~="acquisition"]) .acq-individual-reading article{min-width:0}:where(html[data-tc-css~="acquisition"]) .acq-individual-reading h2{font-size:23px;line-height:1.4;margin-bottom:18px}:where(html[data-tc-css~="acquisition"]) .acq-individual-reading h3{font-size:19px;margin:24px 0 12px}:where(html[data-tc-css~="acquisition"]) .acq-individual-reading p, :where(html[data-tc-css~="acquisition"]) .acq-individual-reading li{font-size:15px;color:#526079;line-height:1.8;margin-bottom:18px}:where(html[data-tc-css~="acquisition"]) .acq-individual-reading img{max-width:100%;height:auto;border-radius:10px}:where(html[data-tc-css~="acquisition"]) .acq-individual-reading ul, :where(html[data-tc-css~="acquisition"]) .acq-individual-reading ol{padding-left:22px}:where(html[data-tc-css~="acquisition"]) .acq-individual-reading a, :where(html[data-tc-css~="acquisition"]) .acq-individual-related a{text-decoration:underline;text-underline-offset:4px}:where(html[data-tc-css~="acquisition"]) .acq-guide-reading summary, :where(html[data-tc-css~="acquisition"]) .acq-individual-original-faq>summary{cursor:pointer;font-size:14px;font-weight:500;color:#18233d;margin:16px 0}:where(html[data-tc-css~="acquisition"]) .acq-individual-original-faq{grid-column:1/-1;border-top:1px solid #e1e6ed;padding-top:12px}:where(html[data-tc-css~="acquisition"]) .acq-individual-related{border-top:1px solid #e1e6ed;margin-top:32px;padding-top:24px;display:flex;align-items:baseline;flex-wrap:wrap;gap:14px 24px}:where(html[data-tc-css~="acquisition"]) .acq-individual-related h3{font-size:16px}:where(html[data-tc-css~="acquisition"]) .acq-individual-related a{font-size:14px}:where(html[data-tc-css~="acquisition"]) .acq-published-question-image{display:block}:where(html[data-tc-css~="acquisition"]) .acq-published-question-image img{width:100%;height:auto;border-radius:12px;border:1px solid #dce5df;background:#fff}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-question-form legend{font-size:19px}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-question-choice{font-size:14px;line-height:1.6}:where(html[data-tc-css~="acquisition"]) .acq-profile-preview{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}:where(html[data-tc-css~="acquisition"]) .acq-profile-preview p{font-size:15px;line-height:1.8;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-profile-preview blockquote{background:#fff;border:1px solid #dce5df;border-radius:16px;padding:32px;font-size:22px}:where(html[data-tc-css~="acquisition"]) .acq-preference-scale{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}:where(html[data-tc-css~="acquisition"]) .acq-preference-scale span{padding:9px;background:#f2f5f4;border-radius:7px;font-size:11px;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-excel-person>div span{max-width:230px}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-question-feedback[hidden]{display:none} @media(max-width:900px){:where(html[data-tc-css~="acquisition"]) .acq-individual-reading{gap:30px}:where(html[data-tc-css~="acquisition"]) .acq-profile-preview{grid-template-columns:1fr;gap:28px}}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-individual-reading{grid-template-columns:1fr}:where(html[data-tc-css~="acquisition"]) .acq-individual-guide{padding-top:44px;padding-bottom:44px}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-coverage-facts{flex-wrap:wrap}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-question-form legend{font-size:18px}:where(html[data-tc-css~="acquisition"]) .acq-profile-preview blockquote{padding:24px}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-excel-person>div span{max-width:160px}} :where(html[data-tc-css~="acquisition"]) .acq-individual .acq-hero .tv2-breadcrumb, :where(html[data-tc-css~="acquisition"]) .acq-individual .acq-hero .tv2-breadcrumb a{color:#ccd2e0}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-hero .tv2-breadcrumb a:hover{color:#fff}:where(html[data-tc-css~="acquisition"]) .acq-individual .acq-hero .tv2-breadcrumb__sep{color:#8d94b0} :where(html[data-tc-css~="acquisition"]) .tc-marketing .acq-individual .acq-hero .tv2-breadcrumb [aria-current="page"]{color:#ccd2e0}:where(html[data-tc-css~="acquisition"]) .acq-profile-topics>div{padding:10px 0;gap:5px 12px}:where(html[data-tc-css~="acquisition"]) .acq-profile-heading{margin:20px 0}:where(html[data-tc-css~="acquisition"]) .acq-profile-heading h2{font-size:26px} :where(html[data-tc-css~="acquisition"]) .acq-test-review{padding-top:56px;padding-bottom:56px}:where(html[data-tc-css~="acquisition"]) .acq-test-review h1{font-size:42px;margin:16px 0}:where(html[data-tc-css~="acquisition"]) .acq-test-review>p{font-size:15px;color:#526079;line-height:1.8}:where(html[data-tc-css~="acquisition"]) .acq-test-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}:where(html[data-tc-css~="acquisition"]) .acq-test-review-grid section{padding:24px;border:1px solid #dde4ec;border-radius:14px;background:#fff}:where(html[data-tc-css~="acquisition"]) .acq-test-review-grid h2{font-size:23px;margin:12px 0 18px}:where(html[data-tc-css~="acquisition"]) .acq-test-review-grid li{margin:10px 0;font-size:14px}:where(html[data-tc-css~="acquisition"]) .acq-test-review-grid a{text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){:where(html[data-tc-css~="acquisition"]) .acq-test-review-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){:where(html[data-tc-css~="acquisition"]) .acq-test-review-grid{grid-template-columns:1fr}} :where(html[data-tc-css~="acquisition"]) .acq-individual-reading table{display:block;max-width:100%;width:100%;overflow-x:auto;font-size:14px}:where(html[data-tc-css~="acquisition"]) .acq-individual-reading pre{max-width:100%;overflow-x:auto} :where(html[data-tc-css~="acquisition"]) .acq-profile-breakdown{gap:16px}:where(html[data-tc-css~="acquisition"]) .acq-profile-breakdown .acq-excel-skill-label{align-items:baseline}:where(html[data-tc-css~="acquisition"]) .acq-profile-scale{position:relative;height:7px;border-radius:4px;background:linear-gradient(90deg,#e6eee9,#c4dfd3)}:where(html[data-tc-css~="acquisition"]) .acq-profile-scale:before{content:"";position:absolute;left:50%;top:-3px;height:13px;border-left:1px solid #b4c8bf}:where(html[data-tc-css~="acquisition"]) .acq-profile-scale>span{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:2px solid #fff;box-shadow:0 0 0 1px #329e7d;border-radius:50%;background:#329e7d}:where(html[data-tc-css~="acquisition"]) .acq-profile-breakdown>div:nth-child(2n) .acq-profile-scale>span{background:#9692c3;box-shadow:0 0 0 1px #9692c3}:where(html[data-tc-css~="acquisition"]) .acq-profile-breakdown .acq-excel-skill-label strong{white-space:nowrap}@media(max-width:600px){:where(html[data-tc-css~="acquisition"]) .acq-profile-breakdown .acq-excel-skill-label{font-size:10px}:where(html[data-tc-css~="acquisition"]) .acq-profile-breakdown .acq-excel-skill-label strong{font-size:9px}} /* Supporting question material uses one context card; standalone questions keep the same two-column layout without a decorative image. */ :where(html[data-tc-css~="acquisition"]) .acq-question-context{background:#fff;border:1px solid #b9d7cc;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px #152a2314}:where(html[data-tc-css~="acquisition"]) .acq-question-context-body{padding:22px}:where(html[data-tc-css~="acquisition"]) .acq-question-context .acq-published-question-image img{border:0;border-radius:0;width:100%;height:auto}:where(html[data-tc-css~="acquisition"]) .acq-question-context .markdown{font-size:14px;line-height:1.8;color:#32445a}:where(html[data-tc-css~="acquisition"]) .acq-question-context .markdown p{margin:0 0 14px}:where(html[data-tc-css~="acquisition"]) .acq-question-context .markdown p:last-child{margin:0}:where(html[data-tc-css~="acquisition"]) .acq-question-context .markdown table{max-width:100%;display:block;overflow-x:auto}:where(html[data-tc-css~="acquisition"]) .acq-question-context .markdown pre{overflow-x:auto}:where(html[data-tc-css~="acquisition"]) .acq-example-intro, :where(html[data-tc-css~="acquisition"]) .acq-question-context-body{min-width:0}@media(max-width:600px){:where(html[data-tc-css~="acquisition"]) .acq-question-context-body{padding:18px}:where(html[data-tc-css~="acquisition"]) .acq-question-context .acq-sheet-title{gap:12px}:where(html[data-tc-css~="acquisition"]) .acq-question-context .acq-sheet-title>span:last-child{white-space:nowrap}} :where(html[data-tc-css~="acquisition"]) .acq-guide-two-columns article{position:relative;min-width:0}:where(html[data-tc-css~="acquisition"]) .acq-guide-alias{position:absolute;top:0;left:0;scroll-margin-top:32px}:where(html[data-tc-css~="acquisition"]) .acq-individual-guide .acq-guide-two-columns{margin-top:32px} :where(html[data-tc-css~="acquisition"]) .acq-interactive-grid--scenario{align-items:start}:where(html[data-tc-css~="acquisition"]) .acq-interactive-grid--scenario .acq-example-heading{margin-bottom:24px}:where(html[data-tc-css~="acquisition"]) .acq-interactive-grid--scenario .acq-question-context-body{font-size:15px;line-height:1.8;color:#32445a} :where(html[data-tc-css~="acquisition"]) .acq-compare-heading{max-width:760px}:where(html[data-tc-css~="acquisition"]) .acq-compare-heading>p:not(.acq-eyebrow){font-size:16px;line-height:1.8;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-compare-date{font-size:13px!important;margin-top:12px}:where(html[data-tc-css~="acquisition"]) .acq-compare-table{margin-top:32px;background:#fff;border:1px solid #d8e2dc;border-radius:12px;overflow:hidden}:where(html[data-tc-css~="acquisition"]) .acq-compare-row{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:24px;padding:18px 24px;border-top:1px solid #e6ebee;font-size:14px;line-height:1.7;color:#344158}:where(html[data-tc-css~="acquisition"]) .acq-compare-row:first-child{border-top:0}:where(html[data-tc-css~="acquisition"]) .acq-compare-head{background:#1c1d40;color:#fff;font-weight:600;font-size:13px}:where(html[data-tc-css~="acquisition"]) .acq-compare-row>span:first-child{font-weight:600;color:#18233d}:where(html[data-tc-css~="acquisition"]) .acq-compare-head>span:first-child{color:#fff}:where(html[data-tc-css~="acquisition"]) .acq-compare-row em{display:none}:where(html[data-tc-css~="acquisition"]) .acq-compare-row a{font-size:12px;color:#267b61;white-space:nowrap}:where(html[data-tc-css~="acquisition"]) .acq-compare-note{font-size:12px;color:#657189;line-height:1.7;margin-top:16px}@media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-compare-row{grid-template-columns:1fr;gap:8px;padding:16px}:where(html[data-tc-css~="acquisition"]) .acq-compare-head{display:none}:where(html[data-tc-css~="acquisition"]) .acq-compare-row em{display:block;font-style:normal;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#657189;margin-bottom:2px}} /* Selection advice uses the existing guide type and related-link treatment. */ :where(html[data-tc-css~="acquisition"]) .acq-employer-selection{display:block}:where(html[data-tc-css~="acquisition"]) .acq-employer-selection h3{margin-bottom:12px}:where(html[data-tc-css~="acquisition"]) .acq-employer-selection p{font-size:15px;color:#526079;line-height:1.8;margin-bottom:16px} :where(html[data-tc-css~="acquisition"]) .acq-candidate-note{font-size:14px;line-height:1.6;color:#55657a;margin:8px 0 0} /* How this test was built (Guy, 4 Nov 2026): includes/tc-v2/test-built.njk, the weight of the guide above it */ :where(html[data-tc-css~="acquisition"]) .acq-test-built{padding-top:64px;padding-bottom:64px;border-top:1px solid #e3e8e6}:where(html[data-tc-css~="acquisition"]) .acq-test-built>*{max-width:820px}:where(html[data-tc-css~="acquisition"]) .acq-test-built h2{margin-top:8px}:where(html[data-tc-css~="acquisition"]) .acq-built-summary{font-size:17px;line-height:1.8;color:#1b1c40;margin:16px 0 0}:where(html[data-tc-css~="acquisition"]) .acq-built-checks{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0 0}:where(html[data-tc-css~="acquisition"]) .acq-built-checks li{font-size:13px;line-height:1.4;font-weight:600;color:#1b1c40;background:#f2f5f4;border-radius:999px;padding:6px 12px}:where(html[data-tc-css~="acquisition"]) .acq-built-facts{display:flex;flex-wrap:wrap;gap:4px 24px;margin:20px 0 0;font-size:15px;line-height:1.8;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-built-facts strong{color:#1b1c40}:where(html[data-tc-css~="acquisition"]) .acq-built-research{margin:6px 0 0;font-size:15px;line-height:1.8;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-built-more{margin-top:20px;border-top:1px solid #e3e8e6;border-bottom:1px solid #e3e8e6}:where(html[data-tc-css~="acquisition"]) .acq-built-more summary{cursor:pointer;font-size:15px;font-weight:600;color:#18233d;padding:14px 0}:where(html[data-tc-css~="acquisition"]) .acq-built-more h3{font-size:16px;line-height:1.5;margin:14px 0 6px}:where(html[data-tc-css~="acquisition"]) .acq-built-more ul{list-style:disc;padding-left:20px;margin:0}:where(html[data-tc-css~="acquisition"]) .acq-built-more li, :where(html[data-tc-css~="acquisition"]) .acq-built-more p{font-size:15px;line-height:1.8;color:#526079}:where(html[data-tc-css~="acquisition"]) .acq-built-more p{margin:0 0 16px}:where(html[data-tc-css~="acquisition"]) .acq-built-more ul:last-child{margin-bottom:16px}:where(html[data-tc-css~="acquisition"]) .acq-built-link{display:inline-block;margin-top:16px;font-weight:600;color:#1b1c40;text-decoration:underline} @media(max-width:700px){:where(html[data-tc-css~="acquisition"]) .acq-test-built{padding-top:44px;padding-bottom:44px}} /* ==== From tc-category-hub.css: pages with html[data-tc-css~="category-hub"] ==== */ /* Shared category hubs, aligned with individual test and role pages. */ :where(html[data-tc-css~="category-hub"]) .tc-marketing .tc-category-hero .tv2-breadcrumb ol { justify-content:flex-start; text-align:left; } :where(html[data-tc-css~="category-hub"]) .tc-category-hero-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:64px; align-items:center; padding:24px 0 20px; } :where(html[data-tc-css~="category-hub"]) .tc-category-hero-grid .tv2-hero__h1 { font-size:clamp(38px,4.2vw,54px); line-height:1.1; } :where(html[data-tc-css~="category-hub"]) .tc-category-hero-grid .tv2-hero__intro { font-size:18px; line-height:1.7; } :where(html[data-tc-css~="category-hub"]) .tc-category-hero-grid .tv2-hero__ctas { justify-content:flex-start; margin-top:28px; } :where(html[data-tc-css~="category-hub"]) .tc-category-hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }:where(html[data-tc-css~="category-hub"]) .tc-category-hero-tags span { border:1px solid #555670; border-radius:5px; padding:8px 10px; font-size:12px; color:#eeeef5; } :where(html[data-tc-css~="category-hub"]) .tc-category-preview { background:white; color:#1b1c40; border:1px solid #dce3eb; border-radius:18px; padding:30px; transform:rotate(1deg); } :where(html[data-tc-css~="category-hub"]) .tc-category-preview-head { display:flex; justify-content:space-between; gap:12px; font-size:10px; font-weight:700; letter-spacing:.1em; }:where(html[data-tc-css~="category-hub"]) .tc-category-preview-head > span:last-child { color:#267d63; letter-spacing:0; font-weight:400; background:#e7f3ed; border-radius:5px; padding:6px 8px; } :where(html[data-tc-css~="category-hub"]) .tc-category-preview h2 { color:#1b1c40; font-size:30px; line-height:1.2; margin:26px 0; } :where(html[data-tc-css~="category-hub"]) .tc-category-preview-tests > div { display:flex; align-items:center; gap:14px; padding:19px 0; border-top:1px solid #e0e7ed; }:where(html[data-tc-css~="category-hub"]) .tc-category-preview-tests strong { font-size:16px; }:where(html[data-tc-css~="category-hub"]) .tc-category-preview-tests p { color:#526079; font-size:12px; margin:7px 0 0; line-height:1.6; }:where(html[data-tc-css~="category-hub"]) .tc-category-preview-tests > div > span:last-child { margin-left:auto; color:#267d63; }:where(html[data-tc-css~="category-hub"]) .tc-category-test-number { font-size:12px; color:#267d63; width:30px; flex:none; } :where(html[data-tc-css~="category-hub"]) .tc-category-preview .tc-category-preview-foot { background:#eff6f2; color:#267d63; border-radius:8px; font-size:13px; padding:15px; margin:16px 0 0; } :where(html[data-tc-css~="category-hub"]) .tc-category-library { background:#f7f9fa; }:where(html[data-tc-css~="category-hub"]) .tc-category-library .tc-section-heading { align-items:end; margin-bottom:20px; }:where(html[data-tc-css~="category-hub"]) .tc-category-library .tc-section-heading p { color:#526079; font-size:16px; max-width:600px; } :where(html[data-tc-css~="category-hub"]) .tc-category-search { width:100%; max-width:760px; margin:0 0 20px; }:where(html[data-tc-css~="category-hub"]) .tc-category-search label { display:block; font-weight:600; color:#1b1c40; margin-bottom:10px; }:where(html[data-tc-css~="category-hub"]) .tc-category-search input { width:100%; box-sizing:border-box; background:white; border:1px solid #cbd2d7; border-radius:6px; height:52px; padding:12px 16px; font:inherit; color:#1b1c40; }:where(html[data-tc-css~="category-hub"]) .tc-category-search[hidden] { display:none; }:where(html[data-tc-css~="category-hub"]) .tc-category-status[hidden] { display:none; }:where(html[data-tc-css~="category-hub"]) .tc-category-status { color:#526079; font-size:13px; margin:16px 0 18px; } :where(html[data-tc-css~="category-hub"]) .tc-category-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }:where(html[data-tc-css~="category-hub"]) .tc-category-card { display:flex; flex-direction:column; padding:22px; border:1px solid #dce3eb; background:white; border-radius:16px; color:#1b1c40; text-decoration:none; transition:border-color .15s,box-shadow .15s; }:where(html[data-tc-css~="category-hub"]) .tc-category-card[hidden] { display:none; }:where(html[data-tc-css~="category-hub"]) .tc-category-card:hover { border-color:#267d63; box-shadow:0 6px 20px rgba(27,28,64,.06); } :where(html[data-tc-css~="category-hub"]) .tc-category-card-top { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#267d63; }:where(html[data-tc-css~="category-hub"]) .tc-category-card-type { color:#267d63; font-size:12px; } :where(html[data-tc-css~="category-hub"]) .tc-category-card h3 { font-size:22px; margin:16px 0 10px; line-height:1.25; }:where(html[data-tc-css~="category-hub"]) .tc-category-card p { color:#526079; font-size:14px; line-height:1.6; margin:0 0 14px; }:where(html[data-tc-css~="category-hub"]) .tc-category-card ul { display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0; margin:0 0 8px; }:where(html[data-tc-css~="category-hub"]) .tc-category-card li { color:#526079; background:#f2f5f8; border:1px solid #e4e9ef; border-radius:5px; padding:5px 7px; font-size:12px; line-height:1.4; }:where(html[data-tc-css~="category-hub"]) .tc-category-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:0; margin-top:0; font-size:12px; }:where(html[data-tc-css~="category-hub"]) .tc-category-card-meta { color:#1b1c40; line-height:1.6; }:where(html[data-tc-css~="category-hub"]) .tc-category-meta-language { white-space:nowrap; }:where(html[data-tc-css~="category-hub"]) .tc-category-card-bottom strong { color:#267d63; white-space:nowrap; font-size:14px; } :where(html[data-tc-css~="category-hub"]) .tc-category-guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin-top:32px; }:where(html[data-tc-css~="category-hub"]) .tc-category-guide h3 { font-size:23px; }:where(html[data-tc-css~="category-hub"]) .tc-category-guide p { color:#526079; line-height:1.7; font-size:16px; } :where(html[data-tc-css~="category-hub"]) .tc-category-faq { display:grid; grid-template-columns:1fr 1fr; gap:0 40px; margin-top:28px; align-items:start; }:where(html[data-tc-css~="category-hub"]) .tc-category-faq details { border-bottom:1px solid #dce3eb; padding:20px 0; }:where(html[data-tc-css~="category-hub"]) .tc-category-faq summary { font-weight:700; cursor:pointer; }:where(html[data-tc-css~="category-hub"]) .tc-category-faq p { color:#526079; font-size:15px; line-height:1.7; } :where(html[data-tc-css~="category-hub"]) .tc-category-more { background:#f1f5f3; }:where(html[data-tc-css~="category-hub"]) .tc-category-more nav { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }:where(html[data-tc-css~="category-hub"]) .tc-category-more a { display:flex; gap:25px; justify-content:space-between; padding:14px 18px; border:1px solid #dce3eb; border-radius:8px; background:white; color:#1b1c40; text-decoration:none; font-size:15px; } @media(max-width:1100px) { :where(html[data-tc-css~="category-hub"]) .tc-category-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:900px) { :where(html[data-tc-css~="category-hub"]) .tc-category-hero-grid { gap:30px; }:where(html[data-tc-css~="category-hub"]) .tc-category-preview { padding:22px; }:where(html[data-tc-css~="category-hub"]) .tc-category-library .tc-section-heading { align-items:start; flex-direction:column; gap:20px; } } @media(max-width:720px) { :where(html[data-tc-css~="category-hub"]) .tc-category-hero-grid, :where(html[data-tc-css~="category-hub"]) .tc-category-cards, :where(html[data-tc-css~="category-hub"]) .tc-category-guide-grid, :where(html[data-tc-css~="category-hub"]) .tc-category-faq { grid-template-columns:1fr; }:where(html[data-tc-css~="category-hub"]) .tc-category-preview { transform:none; }:where(html[data-tc-css~="category-hub"]) .tc-category-card { padding:22px; }:where(html[data-tc-css~="category-hub"]) .tc-category-guide-grid { gap:24px; }:where(html[data-tc-css~="category-hub"]) .tc-category-card-bottom { flex-wrap:wrap; }:where(html[data-tc-css~="category-hub"]) .tc-category-hero-grid .tv2-hero__h1 { font-size:38px; }:where(html[data-tc-css~="category-hub"]) .tc-category-preview h2 { font-size:27px; } } /* ==== From tc-product.css: pages with html[data-tc-css~="product"] ==== */ :where(html[data-tc-css~="product"]) .tc-product h2{font-size:34px;line-height:1.2;letter-spacing:-.8px} :where(html[data-tc-css~="product"]) .product-breadcrumb{margin-bottom:28px;color:#c7ccdc} :where(html[data-tc-css~="product"]) .product-breadcrumb a{color:inherit} :where(html[data-tc-css~="product"]) .product-dashboard{background:#fff;border:1px solid #dde4eb;border-radius:16px;color:#18233d;overflow:hidden;transform:rotate(1deg)} :where(html[data-tc-css~="product"]) .product-window-bar, :where(html[data-tc-css~="product"]) .product-stage-bar{display:flex;align-items:center;gap:12px;background:#f5f7fa;border-bottom:1px solid #e1e6ec;padding:18px 22px;font-size:12px} :where(html[data-tc-css~="product"]) .product-window-bar>span:last-child, :where(html[data-tc-css~="product"]) .product-stage-bar>span:last-child{margin-left:auto;color:#617087;font-size:11px} :where(html[data-tc-css~="product"]) .product-brand-dot{width:9px;height:9px;border-radius:50%;background:#319a78} :where(html[data-tc-css~="product"]) .product-dashboard-body{padding:26px} :where(html[data-tc-css~="product"]) .product-dashboard h2{font-size:27px;margin:12px 0 18px} :where(html[data-tc-css~="product"]) .product-dashboard-meta{display:flex;gap:8px;margin-bottom:22px} :where(html[data-tc-css~="product"]) .product-dashboard-meta span{font-size:11px;color:#526079;background:#f1f5f3;padding:6px 9px;border-radius:5px} :where(html[data-tc-css~="product"]) .product-candidate{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #e1e6ec} :where(html[data-tc-css~="product"]) .product-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e8f1ed;color:#248263;font-size:13px;font-weight:600} :where(html[data-tc-css~="product"]) .product-candidate div strong, :where(html[data-tc-css~="product"]) .product-candidate div span{display:block} :where(html[data-tc-css~="product"]) .product-candidate div strong{font-size:14px} :where(html[data-tc-css~="product"]) .product-candidate div span{font-size:11px;color:#617087;margin-top:4px} :where(html[data-tc-css~="product"]) .product-score{margin-left:auto;font-size:33px} :where(html[data-tc-css~="product"]) .product-score small{font-size:15px} :where(html[data-tc-css~="product"]) .product-score-lines{display:grid;gap:13px} :where(html[data-tc-css~="product"]) .product-score-lines>div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px} :where(html[data-tc-css~="product"]) .product-score-lines i{grid-column:1/-1;height:6px;background:#edf0f4;border-radius:5px;overflow:hidden} :where(html[data-tc-css~="product"]) .product-score-lines b{display:block;background:#319a78;height:100%;border-radius:5px} :where(html[data-tc-css~="product"]) .product-score-lines>div:nth-child(3) b{background:#837ab1} :where(html[data-tc-css~="product"]) .product-dashboard-foot{margin-top:22px;background:#eff6f2;padding:14px;font-size:12px;color:#31654e;border-radius:7px} :where(html[data-tc-css~="product"]) .product-workflow, :where(html[data-tc-css~="product"]) .product-fit, :where(html[data-tc-css~="product"]) .product-faq{padding-top:64px;padding-bottom:64px} :where(html[data-tc-css~="product"]) .product-section-heading{max-width:730px} :where(html[data-tc-css~="product"]) .product-section-heading h2, :where(html[data-tc-css~="product"]) .product-faq h2{margin:12px 0 18px} :where(html[data-tc-css~="product"]) .product-section-heading>p:last-child{font-size:16px;line-height:1.8;color:#526079} :where(html[data-tc-css~="product"]) .product-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0;border-bottom:1px solid #dce3e8;gap:20px} :where(html[data-tc-css~="product"]) .product-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:18px 0;color:#65758b;cursor:pointer;font-size:12px;text-align:left;display:flex;gap:12px;align-items:center} :where(html[data-tc-css~="product"]) .product-tabs button span{font-size:15px;font-weight:600} :where(html[data-tc-css~="product"]) .product-tabs button[aria-selected=true]{color:#248263;border-bottom-color:#248263} :where(html[data-tc-css~="product"]) .product-tabs button:focus-visible{outline:2px solid #248263;outline-offset:3px} :where(html[data-tc-css~="product"]) .product-panel{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:460px} :where(html[data-tc-css~="product"]) .product-panel[hidden]{display:none} :where(html[data-tc-css~="product"]) .product-panel-copy h3{font-size:30px;line-height:1.25;letter-spacing:-.7px;margin:14px 0 20px} :where(html[data-tc-css~="product"]) .product-panel-copy p:not(.acq-eyebrow){font-size:15px;color:#526079;line-height:1.8} :where(html[data-tc-css~="product"]) .product-panel-copy ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px;font-size:14px} :where(html[data-tc-css~="product"]) .product-panel-copy li{padding-left:22px;position:relative} :where(html[data-tc-css~="product"]) .product-panel-copy li:before{content:'✓';position:absolute;left:0;color:#248263} :where(html[data-tc-css~="product"]) .product-panel-copy a{font-size:14px;text-decoration:underline;text-underline-offset:4px} :where(html[data-tc-css~="product"]) .product-stage{background:#fff;border:1px solid #dce4e8;border-radius:14px;overflow:hidden;box-shadow:0 12px 35px #152a2310;min-width:0} :where(html[data-tc-css~="product"]) .product-stage-body{padding:26px} :where(html[data-tc-css~="product"]) .product-stage h4{font-size:23px;margin:10px 0 22px} :where(html[data-tc-css~="product"]) .product-selected-test{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e4e9ed;font-size:14px} :where(html[data-tc-css~="product"]) .product-selected-test small{display:block;color:#64748b;font-size:11px;font-weight:400;margin-top:4px} :where(html[data-tc-css~="product"]) .product-tick{height:28px;width:28px;display:grid;place-items:center;background:#e8f3ed;color:#278768;border-radius:7px} :where(html[data-tc-css~="product"]) .product-stage-total{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:24px;font-size:12px;color:#526079} :where(html[data-tc-css~="product"]) .product-stage-total strong{color:#18233d} :where(html[data-tc-css~="product"]) .product-welcome>p:not(.acq-eyebrow){font-size:14px;line-height:1.8;color:#526079} :where(html[data-tc-css~="product"]) .product-welcome-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e6f2eb;color:#248263;margin-bottom:18px;font-size:13px} :where(html[data-tc-css~="product"]) .product-welcome ol{padding-left:20px;font-size:14px;color:#526079;line-height:2.1;margin:18px 0} :where(html[data-tc-css~="product"]) .product-table-scroll{overflow:auto} :where(html[data-tc-css~="product"]) .product-compare-table{width:100%;border-collapse:collapse;font-size:12px} :where(html[data-tc-css~="product"]) .product-compare-table th, :where(html[data-tc-css~="product"]) .product-compare-table td{padding:14px 8px;text-align:left;border-bottom:1px solid #e4e9ed;white-space:nowrap} :where(html[data-tc-css~="product"]) .product-compare-table thead th{font-size:10px;color:#64748b} :where(html[data-tc-css~="product"]) .product-compare-table tbody tr:first-child{background:#eff6f2} :where(html[data-tc-css~="product"]) .product-observation{margin-top:24px;padding:18px;background:#f2f5fa;border-radius:8px;font-size:13px} :where(html[data-tc-css~="product"]) .product-observation p{font-size:13px;color:#526079;line-height:1.8;margin-top:8px} :where(html[data-tc-css~="product"]) .product-suite{padding:64px 0;background:#f5f7fa} :where(html[data-tc-css~="product"]) .product-suite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px} :where(html[data-tc-css~="product"]) .product-suite-card{display:block;background:#fff;padding:26px;border:1px solid #dce4e8;border-radius:12px;text-decoration:none!important} :where(html[data-tc-css~="product"]) .product-suite-card:nth-child(3n+1){background:#f0f6f3} :where(html[data-tc-css~="product"]) .product-suite-card:nth-child(3n+2){background:#f2f5fa} :where(html[data-tc-css~="product"]) .product-suite-card:nth-child(3n){background:#f4f2f9} :where(html[data-tc-css~="product"]) .product-suite-card h3{font-size:20px;margin:16px 0 12px} :where(html[data-tc-css~="product"]) .product-suite-card p{font-size:14px;line-height:1.8;color:#526079} :where(html[data-tc-css~="product"]) .product-suite-icon{font-size:29px;font-weight:600;color:#278768;line-height:1.3} :where(html[data-tc-css~="product"]) .product-suite-card:nth-child(3n+2) .product-suite-icon{color:#527eaa} :where(html[data-tc-css~="product"]) .product-suite-card:nth-child(3n) .product-suite-icon{color:#8375ab} :where(html[data-tc-css~="product"]) .product-suite-card:hover{border-color:#248263} :where(html[data-tc-css~="product"]) .product-language-row{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:28px;border:1px solid #dce4e8;border-radius:12px;padding:28px;background:#fff} :where(html[data-tc-css~="product"]) .product-language-row h3{font-size:20px;line-height:1.5} :where(html[data-tc-css~="product"]) .product-language-row p{font-size:14px;line-height:1.8;color:#526079;margin-top:10px} :where(html[data-tc-css~="product"]) .product-language-tags{display:flex;flex-wrap:wrap;gap:7px;align-content:center} :where(html[data-tc-css~="product"]) .product-language-tags span{font-size:11px;background:#f5f7fa;border:1px solid #e0e5ef;border-radius:5px;padding:6px 9px;color:#526079} :where(html[data-tc-css~="product"]) .product-fit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 48px;margin-top:32px} :where(html[data-tc-css~="product"]) .product-fit-grid article{border-top:1px solid #dce4e8;padding-top:24px} :where(html[data-tc-css~="product"]) .product-fit-grid article>span{font-size:12px;color:#248263} :where(html[data-tc-css~="product"]) .product-fit-grid h3{font-size:21px;margin:12px 0} :where(html[data-tc-css~="product"]) .product-fit-grid p{font-size:15px;color:#526079;line-height:1.8} :where(html[data-tc-css~="product"]) .product-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin-top:28px;align-items:start} :where(html[data-tc-css~="product"]) .product-faq details{border-bottom:1px solid #dce4e8;padding:18px 0} :where(html[data-tc-css~="product"]) .product-faq summary{font-size:15px;line-height:1.6;font-weight:600;cursor:pointer} :where(html[data-tc-css~="product"]) .product-faq details p{font-size:14px;line-height:1.8;color:#526079;margin-top:18px} :where(html[data-tc-css~="product"]) .product-faq details a{text-decoration:underline;text-underline-offset:3px} @media(max-width:900px){:where(html[data-tc-css~="product"]) .product-panel{gap:32px;min-height:520px} :where(html[data-tc-css~="product"]) .product-suite-grid{grid-template-columns:repeat(2,1fr)} :where(html[data-tc-css~="product"]) .product-stage-body{padding:22px} :where(html[data-tc-css~="product"]) .product-dashboard{transform:none} :where(html[data-tc-css~="product"]) .product-panel-copy h3{font-size:27px} } @media(max-width:700px){:where(html[data-tc-css~="product"]) .product-panel, :where(html[data-tc-css~="product"]) .product-language-row, :where(html[data-tc-css~="product"]) .product-fit-grid, :where(html[data-tc-css~="product"]) .product-faq-grid{grid-template-columns:1fr;gap:28px} :where(html[data-tc-css~="product"]) .product-panel{min-height:0} :where(html[data-tc-css~="product"]) .product-tabs{gap:12px} :where(html[data-tc-css~="product"]) .product-tabs button{display:block;font-size:11px} :where(html[data-tc-css~="product"]) .product-tabs button span{display:block;font-size:12px;line-height:1.5;margin-top:6px} :where(html[data-tc-css~="product"]) .product-workflow, :where(html[data-tc-css~="product"]) .product-fit, :where(html[data-tc-css~="product"]) .product-faq, :where(html[data-tc-css~="product"]) .product-suite{padding-top:44px;padding-bottom:44px} :where(html[data-tc-css~="product"]) .tc-product h2{font-size:29px} :where(html[data-tc-css~="product"]) .product-dashboard h2{font-size:25px} :where(html[data-tc-css~="product"]) .product-language-row{padding:24px} } @media(max-width:500px){:where(html[data-tc-css~="product"]) .product-suite-grid{grid-template-columns:1fr} :where(html[data-tc-css~="product"]) .product-dashboard-body{padding:22px} :where(html[data-tc-css~="product"]) .product-dashboard-meta{flex-wrap:wrap} :where(html[data-tc-css~="product"]) .product-compare-table{min-width:420px} } :where(html[data-tc-css~="product"]) .tc-marketing .tc-product .product-breadcrumb, :where(html[data-tc-css~="product"]) .tc-marketing .tc-product .product-breadcrumb ol, :where(html[data-tc-css~="product"]) .tc-marketing .tc-product .product-breadcrumb a, :where(html[data-tc-css~="product"]) .tc-marketing .tc-product .product-breadcrumb [aria-current="page"]{color:#ccd2e0} :where(html[data-tc-css~="product"]) .tc-product .acq-hero-grid{padding:0} /* ==== From tc-methodology.css: pages with html[data-tc-css~="methodology"] ==== */ /* Methodology page. Built from the product page's components (tc-product.css); this file adds the hero card stack, the four shelves (build steps, fairness, the two averages, research) and the text sections between them. */ /* Hero: an illustrative question report beside the 2022 research figures. Fluid: the visual takes its grid column's width up to 440px and the two cards stack in normal flow, the research card overlapping only the report's bottom padding, so nothing crops or covers a row at any width. Motion is the bars and meters growing in; reduced motion shows the finished state. */ :where(html[data-tc-css~="methodology"]) .tc-marketing #main-content .acq-hero-grid > .tc-method-visual{zoom:1;justify-self:end;width:100%;max-width:440px;height:auto;position:relative;line-height:1.3;margin:0;display:flex;flex-direction:column} :where(html[data-tc-css~="methodology"]) .tc-methodology .acq-hero-grid > :first-child{padding-bottom:15px} :where(html[data-tc-css~="methodology"]) .tc-method-kicker{font:500 9px/1.4 'IBM Plex Mono',monospace;letter-spacing:.1em} :where(html[data-tc-css~="methodology"]) .tc-method-report{position:relative;align-self:flex-start;width:86%;box-sizing:border-box;padding:20px 22px;border-radius:14px;background:#fff;color:#19253b;box-shadow:0 18px 35px rgb(0 0 0 / 18%);animation:tc-method-enter .6s both} :where(html[data-tc-css~="methodology"]) .tc-method-report__top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#197453} :where(html[data-tc-css~="methodology"]) .tc-method-chip{padding:3px 8px;border-radius:999px;background:#f0f2f6;color:#64748b;font-size:10px;white-space:nowrap} :where(html[data-tc-css~="methodology"]) .tc-method-report > strong{display:block;margin:10px 0 14px;font-size:16px;font-weight:500;letter-spacing:-.01em} :where(html[data-tc-css~="methodology"]) .tc-method-metric{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #edf0f4;font-size:11px} :where(html[data-tc-css~="methodology"]) .tc-method-metric > span{color:#64748b} :where(html[data-tc-css~="methodology"]) .tc-method-metric em{font-style:normal;font-weight:600;color:#197453} :where(html[data-tc-css~="methodology"]) .tc-method-band, :where(html[data-tc-css~="methodology"]) .tc-method-meter{position:relative;height:8px;border-radius:4px;background:#e6e9ef} :where(html[data-tc-css~="methodology"]) .tc-method-band__target{position:absolute;left:35%;width:40%;top:0;bottom:0;border-radius:4px;background:#9fe3c2} :where(html[data-tc-css~="methodology"]) .tc-method-band__dot{position:absolute;left:56%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#1b1c40;box-shadow:0 0 0 2px #fff;animation:tc-method-slide .9s .5s both} :where(html[data-tc-css~="methodology"]) .tc-method-meter i{position:absolute;left:0;top:0;bottom:0;width:78%;border-radius:4px;background:#2ed18a;transform-origin:left;animation:tc-method-grow-x .8s .6s both} :where(html[data-tc-css~="methodology"]) .tc-method-pass{grid-column:2 / -1;display:flex;align-items:center;gap:7px;font-weight:600;color:#197453} :where(html[data-tc-css~="methodology"]) .tc-method-pass b{position:relative;flex:none;width:15px;height:15px;border-radius:50%;background:#2ed18a} :where(html[data-tc-css~="methodology"]) .tc-method-pass b::after{content:'';position:absolute;left:5px;top:2px;width:3px;height:7px;border:solid #163e32;border-width:0 2px 2px 0;transform:rotate(45deg)} :where(html[data-tc-css~="methodology"]) .tc-method-research-card{position:relative;z-index:1;align-self:flex-end;margin-top:-14px;width:64%;box-sizing:border-box;padding:16px 18px 14px;border-radius:14px;background:#252c49;color:#fff;box-shadow:0 18px 35px rgb(0 0 0 / 25%);animation:tc-method-enter .6s .25s both} :where(html[data-tc-css~="methodology"]) .tc-method-research-card > .tc-method-kicker{color:#2ed18a} :where(html[data-tc-css~="methodology"]) .tc-method-cols{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px} :where(html[data-tc-css~="methodology"]) .tc-method-cols > div{display:grid;grid-template-rows:84px auto auto;justify-items:center;text-align:center} :where(html[data-tc-css~="methodology"]) .tc-method-cols b{align-self:end;width:56%;height:var(--h);border-radius:4px 4px 0 0;background:#2ed18a;transform-origin:bottom;animation:tc-method-grow-y .8s .5s both} :where(html[data-tc-css~="methodology"]) .tc-method-cols > div:nth-child(2) b{animation-delay:.6s}:where(html[data-tc-css~="methodology"]) .tc-method-cols > div:nth-child(3) b{animation-delay:.7s} :where(html[data-tc-css~="methodology"]) .tc-method-cols span{margin-top:6px;font:500 12px/1 'IBM Plex Mono',monospace} :where(html[data-tc-css~="methodology"]) .tc-method-cols small{margin-top:4px;font-size:9px;line-height:1.25;color:#c4cfdd} @keyframes tc-method-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}} @keyframes tc-method-grow-x{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes tc-method-grow-y{from{transform:scaleY(0)}to{transform:scaleY(1)}} @keyframes tc-method-slide{from{left:10%}to{left:56%}} /* Section copy beyond the product heading: same type as product-section-heading paragraphs. */ :where(html[data-tc-css~="methodology"]) .tc-methodology .product-section-heading strong{color:#1b1c40} :where(html[data-tc-css~="methodology"]) .tc-method-lead, :where(html[data-tc-css~="methodology"]) .tc-method-note{max-width:730px;margin-top:28px;font-size:16px;line-height:1.8;color:#526079} :where(html[data-tc-css~="methodology"]) .tc-method-note a{text-decoration:underline;text-underline-offset:3px} /* Build steps: five product-style step columns joined by a line, each with a green tick. */ :where(html[data-tc-css~="methodology"]) .tc-method-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:24px 0 56px;padding:0;list-style:none} :where(html[data-tc-css~="methodology"]) .tc-method-flow::before{content:'';position:absolute;left:11px;right:11px;top:11px;height:2px;background:#cdebdd} :where(html[data-tc-css~="methodology"]) .tc-method-flow li{position:relative;padding-top:40px} :where(html[data-tc-css~="methodology"]) .tc-method-flow li::before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#2ed18a;box-shadow:0 0 0 5px #fff} :where(html[data-tc-css~="methodology"]) .tc-method-flow li::after{content:'';position:absolute;left:9px;top:5px;width:5px;height:10px;border:solid #163e32;border-width:0 2px 2px 0;transform:rotate(45deg)} :where(html[data-tc-css~="methodology"]) .tc-method-flow__label{display:block;font-size:12px;letter-spacing:.04em;color:#248263} :where(html[data-tc-css~="methodology"]) .tc-method-flow h3{font-size:18px;line-height:1.35;margin:10px 0} :where(html[data-tc-css~="methodology"]) .tc-method-flow p{font-size:14px;line-height:1.8;color:#526079} :where(html[data-tc-css~="methodology"]) .tc-method-flow a{text-decoration:underline;text-underline-offset:3px} /* Research: bars and the exact table side by side, in product card style. */ :where(html[data-tc-css~="methodology"]) .tc-method-research{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:32px;align-items:start} :where(html[data-tc-css~="methodology"]) .tc-method-bars, :where(html[data-tc-css~="methodology"]) .tc-method-table{margin:0;padding:26px;border:1px solid #dce4e8;border-radius:12px;background:#fff} :where(html[data-tc-css~="methodology"]) .tc-method-bars > .acq-eyebrow{margin:0 0 14px;color:#248263} :where(html[data-tc-css~="methodology"]) .tc-method-bar{display:grid;grid-template-columns:minmax(0,1fr) 2.6rem;gap:6px 12px;align-items:center;padding:8px 0} :where(html[data-tc-css~="methodology"]) .tc-method-bar p{grid-column:1 / -1;font-size:13px;line-height:1.35} :where(html[data-tc-css~="methodology"]) .tc-method-bar p strong{color:#1b1c40} :where(html[data-tc-css~="methodology"]) .tc-method-bar p span{display:block;color:#64748b;font-size:12px} :where(html[data-tc-css~="methodology"]) .tc-method-bar__track{height:10px;border-radius:5px;background:#e2e6ec;overflow:hidden} :where(html[data-tc-css~="methodology"]) .tc-method-bar__track i{display:block;height:100%;border-radius:5px;background:#2ed18a} :where(html[data-tc-css~="methodology"]) .tc-method-bar b{font:500 14px/1 'IBM Plex Mono',monospace;color:#1b1c40;text-align:right} :where(html[data-tc-css~="methodology"]) .tc-method-bar--ref{margin-top:6px;padding-top:14px;border-top:1px dashed #c9cfd8} :where(html[data-tc-css~="methodology"]) .tc-method-bar--ref .tc-method-bar__track i{background:#94a3b8} :where(html[data-tc-css~="methodology"]) .tc-method-bar--ref b{color:#64748b} :where(html[data-tc-css~="methodology"]) .tc-method-bars figcaption{margin-top:12px;color:#64748b;font-size:12px} :where(html[data-tc-css~="methodology"]) .tc-method-table{overflow:auto} /* Text sections: product heading type over a measured reading column, neutral background, a hairline between neighbours. */ :where(html[data-tc-css~="methodology"]) .tc-method-text{padding:64px 0} :where(html[data-tc-css~="methodology"]) .tc-method-text + .tc-method-text > .tv2-pad{border-top:1px solid #e3e7ec;padding-top:64px} :where(html[data-tc-css~="methodology"]) .tc-method-text + .tc-method-text{padding-top:0} :where(html[data-tc-css~="methodology"]) .tc-method-prose{max-width:760px;margin-top:28px} :where(html[data-tc-css~="methodology"]) .tc-method-prose > :first-child{margin-top:0} :where(html[data-tc-css~="methodology"]) .tc-method-prose p, :where(html[data-tc-css~="methodology"]) .tc-method-prose li{font-size:16px;line-height:1.8;color:#526079} :where(html[data-tc-css~="methodology"]) .tc-method-prose p{margin:16px 0 0} :where(html[data-tc-css~="methodology"]) .tc-method-prose h3{margin:40px 0 0;font-size:21px;line-height:1.35;color:#1b1c40} :where(html[data-tc-css~="methodology"]) .tc-method-prose h3:first-child{margin-top:0} :where(html[data-tc-css~="methodology"]) .tc-method-prose h3 + p, :where(html[data-tc-css~="methodology"]) .tc-method-prose h3 + ul{margin-top:10px} :where(html[data-tc-css~="methodology"]) .tc-method-prose ol, :where(html[data-tc-css~="methodology"]) .tc-method-prose ul{display:grid;gap:12px;margin:16px 0 0;padding-left:22px} :where(html[data-tc-css~="methodology"]) .tc-method-prose ol{list-style:decimal}:where(html[data-tc-css~="methodology"]) .tc-method-prose ul{list-style:disc} :where(html[data-tc-css~="methodology"]) .tc-method-prose li::marker{color:#248263;font-weight:600} :where(html[data-tc-css~="methodology"]) .tc-method-prose strong{color:#1b1c40} :where(html[data-tc-css~="methodology"]) .tc-method-prose a, :where(html[data-tc-css~="methodology"]) .tc-method-flow a{color:#1b1c40;text-decoration:underline;text-underline-offset:3px} :where(html[data-tc-css~="methodology"]) .tc-method-prose--after{margin-top:36px} :where(html[data-tc-css~="methodology"]) .tc-method-sources{font-size:14px!important} /* Full-width text layouts. Split: heading a third, body two thirds. Pair: two sections side by side. Grid2: two columns of blocks, split so their lengths match. Cols3: short notes across the container. */ :where(html[data-tc-css~="methodology"]) .tc-method-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;align-items:start} :where(html[data-tc-css~="methodology"]) .tc-method-split > .product-section-heading{max-width:none} :where(html[data-tc-css~="methodology"]) .tc-method-split .tc-method-prose, :where(html[data-tc-css~="methodology"]) .tc-method-pair .tc-method-prose, :where(html[data-tc-css~="methodology"]) .tc-method-grid2 .tc-method-prose, :where(html[data-tc-css~="methodology"]) .tc-method-cols3.tc-method-prose{max-width:none} :where(html[data-tc-css~="methodology"]) .tc-method-split > .tc-method-prose{margin-top:4px} :where(html[data-tc-css~="methodology"]) .tc-method-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start} :where(html[data-tc-css~="methodology"]) .tc-method-pair > div > .product-section-heading{max-width:none} :where(html[data-tc-css~="methodology"]) .tc-method-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;align-items:start} :where(html[data-tc-css~="methodology"]) .tc-method-grid2 .tc-method-prose{margin:0 0 44px} :where(html[data-tc-css~="methodology"]) .tc-method-cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 40px;align-items:start} :where(html[data-tc-css~="methodology"]) .tc-method-cols3.tc-method-prose > p{margin-top:0} :where(html[data-tc-css~="methodology"]) .tc-method-beliefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin-top:4px} :where(html[data-tc-css~="methodology"]) .tc-method-beliefs > div{padding-top:14px;border-top:1px solid #e3e7ec} :where(html[data-tc-css~="methodology"]) .tc-method-beliefs span{font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#248263} :where(html[data-tc-css~="methodology"]) .tc-method-beliefs p{margin-top:6px;font-size:15px;line-height:1.75;color:#526079} :where(html[data-tc-css~="methodology"]) .tc-method-beliefs strong{display:block;margin-bottom:4px;font-size:17px;line-height:1.4;color:#1b1c40} /* Plain tables: library groups, standards and the research figures. */ :where(html[data-tc-css~="methodology"]) .tc-method-table-simple{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6} :where(html[data-tc-css~="methodology"]) .tc-method-table-simple th, :where(html[data-tc-css~="methodology"]) .tc-method-table-simple td{padding:14px 16px 14px 0;border-bottom:1px solid #e3e7ec;text-align:left;vertical-align:top} :where(html[data-tc-css~="methodology"]) .tc-method-table-simple thead th{padding-top:0;font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#64748b} :where(html[data-tc-css~="methodology"]) .tc-method-table-simple tbody th{width:32%;font-weight:600;color:#1b1c40} :where(html[data-tc-css~="methodology"]) .tc-method-table-simple td{color:#526079} :where(html[data-tc-css~="methodology"]) .tc-method-table-simple a{color:#1b1c40;text-decoration:underline;text-underline-offset:3px} :where(html[data-tc-css~="methodology"]) .tc-method-table-simple .tc-method-num{font-family:'IBM Plex Mono',monospace;white-space:nowrap} :where(html[data-tc-css~="methodology"]) .tc-method-table .tc-method-table-simple{font-size:13px} :where(html[data-tc-css~="methodology"]) .tc-method-table .tc-method-table-simple tbody th{width:auto} :where(html[data-tc-css~="methodology"]) .tc-method-prose .tc-method-table-simple + p{margin-top:24px} :where(html[data-tc-css~="methodology"]) #standards-we-follow .tc-method-table-simple tbody th{width:44%} /* Shelves: neutral grey band, white cards, one green accent. */ :where(html[data-tc-css~="methodology"]) .tc-methodology .tc-method-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))} :where(html[data-tc-css~="methodology"]) .tc-method-shelf .product-suite-card, :where(html[data-tc-css~="methodology"]) .tc-method-shelf .product-suite-card:nth-child(n){background:#fff} :where(html[data-tc-css~="methodology"]) .tc-method-check{position:relative;display:block;width:24px;height:24px;border-radius:50%;background:#2ed18a} :where(html[data-tc-css~="methodology"]) .tc-method-check::after{content:'';position:absolute;left:9px;top:5px;width:5px;height:10px;border:solid #163e32;border-width:0 2px 2px 0;transform:rotate(45deg)} :where(html[data-tc-css~="methodology"]) .tc-method-shelf .tc-method-flow li::before{box-shadow:0 0 0 5px #f5f7fa} /* The two averages: a side-by-side pair, the assessment average leading in navy. */ :where(html[data-tc-css~="methodology"]) .tc-method-averages__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0 28px} :where(html[data-tc-css~="methodology"]) .tc-method-averages__pair article{padding:30px;border:1px solid #dce4e8;border-radius:12px;background:#fff} :where(html[data-tc-css~="methodology"]) .tc-method-averages__pair article:first-child{background:#1b1c40;border-color:#1b1c40;color:#fff} :where(html[data-tc-css~="methodology"]) .tc-method-averages__pair span{font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#248263} :where(html[data-tc-css~="methodology"]) .tc-method-averages__pair article:first-child span{color:#2ed18a} :where(html[data-tc-css~="methodology"]) .tc-method-averages__pair h3{margin:10px 0 12px;font-size:22px;font-weight:500;line-height:1.3;color:#1b1c40} :where(html[data-tc-css~="methodology"]) .tc-method-averages__pair article:first-child h3{color:#fff} :where(html[data-tc-css~="methodology"]) .tc-method-averages__pair p{font-size:15px;line-height:1.75;color:#526079} :where(html[data-tc-css~="methodology"]) .tc-method-averages__pair article:first-child p{color:#c7ccdc} @media(max-width:1023px){:where(html[data-tc-css~="methodology"]) .tc-methodology .tc-method-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-tc-css~="methodology"]) .tc-method-split, :where(html[data-tc-css~="methodology"]) .tc-method-pair{grid-template-columns:1fr;gap:28px}:where(html[data-tc-css~="methodology"]) .tc-method-pair{gap:56px}:where(html[data-tc-css~="methodology"]) .tc-method-cols3{grid-template-columns:1fr}} @media(max-width:700px){:where(html[data-tc-css~="methodology"]) .tc-method-grid2{grid-template-columns:1fr}:where(html[data-tc-css~="methodology"]) .tc-method-beliefs{grid-template-columns:1fr;gap:28px}:where(html[data-tc-css~="methodology"]) .tc-method-text{padding:44px 0}:where(html[data-tc-css~="methodology"]) .tc-method-text + .tc-method-text > .tv2-pad{padding-top:44px}:where(html[data-tc-css~="methodology"]) .tc-methodology .tc-method-grid-4, :where(html[data-tc-css~="methodology"]) .tc-method-averages__pair{grid-template-columns:1fr}:where(html[data-tc-css~="methodology"]) .tc-method-averages__pair article{padding:24px}:where(html[data-tc-css~="methodology"]) .tc-method-table-simple tbody th{width:40%}:where(html[data-tc-css~="methodology"]) .tc-method-prose p, :where(html[data-tc-css~="methodology"]) .tc-method-prose li{font-size:15px}} @media(max-width:1023px){:where(html[data-tc-css~="methodology"]) .tc-method-flow{grid-template-columns:1fr;gap:22px}:where(html[data-tc-css~="methodology"]) .tc-method-flow::before{left:11px;right:auto;top:12px;bottom:12px;width:2px;height:auto}:where(html[data-tc-css~="methodology"]) .tc-method-flow li{padding:0 0 0 44px}:where(html[data-tc-css~="methodology"]) .tc-method-research{grid-template-columns:1fr}} @media(max-width:700px){:where(html[data-tc-css~="methodology"]) .tc-method-bars, :where(html[data-tc-css~="methodology"]) .tc-method-table{padding:20px}} @media(max-width:540px){:where(html[data-tc-css~="methodology"]) .tc-marketing #main-content .acq-hero-grid > .tc-method-visual{justify-self:start;max-width:340px}:where(html[data-tc-css~="methodology"]) .tc-method-report{width:100%;padding:16px}:where(html[data-tc-css~="methodology"]) .tc-method-report > strong{font-size:14px}:where(html[data-tc-css~="methodology"]) .tc-method-metric{grid-template-columns:minmax(0,40%) minmax(0,1fr) auto;gap:8px;font-size:10px}:where(html[data-tc-css~="methodology"]) .tc-method-research-card{width:82%}} @media(prefers-reduced-motion:reduce){:where(html[data-tc-css~="methodology"]) .tc-method-visual *{animation:none!important}} :where(html[data-tc-css~="methodology"]) .tc-method-cols > .tc-method-cv b{background:transparent;border:1px dashed #c4cfdd;border-bottom:0;box-sizing:border-box;animation-delay:.8s} :where(html[data-tc-css~="methodology"]) .tc-method-cols > .tc-method-cv span, :where(html[data-tc-css~="methodology"]) .tc-method-cols > .tc-method-cv small{color:#c4cfdd} /* ==== From tc-role.css: pages with html[data-tc-css~="role"] ==== */ :where(html[data-tc-css~="role"]) .role-scorecard{background:#fff;border-radius:18px;padding:30px;color:#18243e;box-shadow:0 20px 40px #0002;transform:rotate(1deg)}:where(html[data-tc-css~="role"]) .role-scorecard-person{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e3e9ed;padding-bottom:20px}:where(html[data-tc-css~="role"]) .role-scorecard-person p{margin:4px 0 0;font-size:12px;color:#546784}:where(html[data-tc-css~="role"]) .role-avatar{background:#e6f1eb;color:#258465;border-radius:50%;padding:14px;font-weight:600}:where(html[data-tc-css~="role"]) .role-complete{margin-left:auto;background:#e6f5ec;padding:6px 9px;border-radius:4px;font-size:11px;color:#1c7457}:where(html[data-tc-css~="role"]) .role-scorecard-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0}:where(html[data-tc-css~="role"]) .role-scorecard-heading h2{font-size:27px;margin:8px 0}:where(html[data-tc-css~="role"]) .role-scorecard-heading .acq-eyebrow{font-size:9px;color:#596e89}:where(html[data-tc-css~="role"]) .role-overall{font-size:42px;font-weight:600;border:8px solid #359e7c;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center}:where(html[data-tc-css~="role"]) .role-overall small{font-size:17px}:where(html[data-tc-css~="role"]) .role-result{margin:19px 0}:where(html[data-tc-css~="role"]) .role-result>div:first-child{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}:where(html[data-tc-css~="role"]) .role-result-track{height:7px;background:#edf1f4;border-radius:8px;overflow:hidden}:where(html[data-tc-css~="role"]) .role-result-track span{display:block;height:100%;background:#359e7c;border-radius:8px}:where(html[data-tc-css~="role"]) .role-result:nth-of-type(4) .role-result-track span{background:#70b5a2}:where(html[data-tc-css~="role"]) .role-scorecard-foot{background:#eef6f2;border-radius:8px;padding:15px;font-size:13px;margin:24px 0 0;color:#2b6150}:where(html[data-tc-css~="role"]) .role-test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}:where(html[data-tc-css~="role"]) .role-test-card{border:1px solid #d9e3ed;background:#fff;border-radius:12px;padding:25px;display:flex;flex-direction:column}:where(html[data-tc-css~="role"]) .role-test-card h3{margin:14px 0 8px;font-size:21px}:where(html[data-tc-css~="role"]) .role-test-card p{margin-bottom:22px;color:#516583;line-height:1.7}:where(html[data-tc-css~="role"]) .role-test-facts{margin-top:auto;font-size:12px;color:#526885}:where(html[data-tc-css~="role"]) .role-section-lead{max-width:780px;color:#516583}:where(html[data-tc-css~="role"]) .role-steps, :where(html[data-tc-css~="role"]) .role-guide-grid, :where(html[data-tc-css~="role"]) .role-faq-grid{display:grid;gap:30px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}:where(html[data-tc-css~="role"]) .role-steps span{color:#258465;font-size:13px}:where(html[data-tc-css~="role"]) .role-steps h3{font-size:22px;margin:12px 0}:where(html[data-tc-css~="role"]) .role-steps p, :where(html[data-tc-css~="role"]) .role-guide-grid p{color:#516583;line-height:1.8}:where(html[data-tc-css~="role"]) .role-guide-grid, :where(html[data-tc-css~="role"]) .role-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-tc-css~="role"]) .role-guide-grid h2{font-size:23px}:where(html[data-tc-css~="role"]) .role-aliases{font-size:13px;color:#60718a;border-top:1px solid #e3e9ed;padding-top:25px;margin-top:30px}:where(html[data-tc-css~="role"]) .role-faq-grid{gap:0 32px}:where(html[data-tc-css~="role"]) .role-faq details{border-bottom:1px solid #dae3ec;padding:20px 0}:where(html[data-tc-css~="role"]) .role-faq summary{font-weight:600;cursor:pointer}:where(html[data-tc-css~="role"]) .role-faq details p{color:#516583;line-height:1.7;margin-top:14px}@media(max-width:800px){:where(html[data-tc-css~="role"]) .role-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-tc-css~="role"]) .role-scorecard{transform:none;padding:22px}:where(html[data-tc-css~="role"]) .role-steps{grid-template-columns:1fr}:where(html[data-tc-css~="role"]) .role-guide-grid{grid-template-columns:1fr}}@media(max-width:540px){:where(html[data-tc-css~="role"]) .role-test-grid, :where(html[data-tc-css~="role"]) .role-faq-grid{grid-template-columns:1fr}:where(html[data-tc-css~="role"]) .role-complete{display:none}:where(html[data-tc-css~="role"]) .role-scorecard-heading h2{font-size:23px}:where(html[data-tc-css~="role"]) .role-overall{width:85px;height:85px;font-size:34px}:where(html[data-tc-css~="role"]) .role-scorecard-person{gap:8px}} :where(html[data-tc-css~="role"]) .tc-marketing .tc-role .role-hero-breadcrumb{margin-bottom:28px}:where(html[data-tc-css~="role"]) .tc-marketing .tc-role .role-hero-breadcrumb, :where(html[data-tc-css~="role"]) .tc-marketing .tc-role .role-hero-breadcrumb a, :where(html[data-tc-css~="role"]) .tc-marketing .tc-role .role-hero-breadcrumb [aria-current="page"]{color:#ccd2e0}:where(html[data-tc-css~="role"]) .tc-marketing .tc-role .role-hero-breadcrumb a:hover{color:#fff}:where(html[data-tc-css~="role"]) .tc-marketing .tc-role .role-hero-breadcrumb .tv2-breadcrumb__sep{color:#8d94b0} :where(html[data-tc-css~="role"]) .role-coverage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-tc-css~="role"]) .role-coverage-cards article:nth-child(4){background:#f0f6f3;border-color:#dbe8e1}:where(html[data-tc-css~="role"]) .role-coverage-cards .acq-eyebrow{margin-top:16px}:where(html[data-tc-css~="role"]) .role-coverage-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding:18px 0 0;list-style:none;border-top:1px solid #dce4e8}:where(html[data-tc-css~="role"]) .role-coverage-topics li{font-size:12px;line-height:1.5;color:#526079;background:#ffffffa6;border:1px solid #dce4e8;padding:6px 10px;border-radius:6px}@media(max-width:600px){:where(html[data-tc-css~="role"]) .role-coverage-cards{grid-template-columns:1fr}} :where(html[data-tc-css~="role"]) .role-assessment-coverage .acq-coverage-facts span:last-child strong{font-size:25px;max-width:none} :where(html[data-tc-css~="role"]) .role-example-table{width:100%;border-collapse:collapse;margin-top:22px;font-size:14px;color:#32445a}:where(html[data-tc-css~="role"]) .role-example-table th, :where(html[data-tc-css~="role"]) .role-example-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #dde7e2}:where(html[data-tc-css~="role"]) .role-example-table thead th{font-size:12px;color:#526079;background:#f0f6f3}:where(html[data-tc-css~="role"]) .role-example-table tbody th{font-weight:500}:where(html[data-tc-css~="role"]) .role-example-table td{font-variant-numeric:tabular-nums}:where(html[data-tc-css~="role"]) .role-example-table tr:last-child>*{border-bottom:0} /* ==== The agency page (/for/): pages with html[data-tc-css~="agency"] ==== */ /* Its example shortlist, the one part of the page the home page does not have. */ :where(html[data-tc-css~="agency"]) .outreach-example-switch {display:flex;gap:6px;margin:0 0 18px} :where(html[data-tc-css~="agency"]) .outreach-example-switch button {flex:1;border:1px solid #dce5e0;border-radius:5px;padding:8px 5px;font:500 11px Circular,Arial,sans-serif;color:#526079;background:#f6f8f6;cursor:pointer;min-height:34px} :where(html[data-tc-css~="agency"]) .outreach-example-switch button[aria-pressed=true] {background:#1b1c40;border-color:#1b1c40;color:white} :where(html[data-tc-css~="agency"]) .outreach-small-note {font-size:11px!important;line-height:1.7;color:#647186;margin-top:16px!important;max-width:44ch} :where(html[data-tc-css~="agency"]) .outreach-answer-tag {position:absolute;right:0;bottom:5px;border:1px solid #dce5df;border-radius:8px;background:white;box-shadow:0 8px 20px #1b1c4010;padding:14px 20px;transform:rotate(3deg);font-size:14px;color:#267d63} :where(html[data-tc-css~="agency"]) .outreach-faqs .tc-tests-faq-grid details {border-top:1px solid #dce3e4;padding:18px 0} :where(html[data-tc-css~="agency"]) .outreach-faqs summary {font-size:16px;font-weight:500;color:#1b1c40} :where(html[data-tc-css~="agency"]) .outreach-faqs details p {font-size:14px;line-height:1.8;color:#526079;margin:16px 0 0} :where(html[data-tc-css~="agency"]) .outreach-decision .home-design-label {max-width:52ch} :where(html[data-tc-css~="agency"]) .outreach-shortlist-scene {position:relative;min-width:0;padding:12px 0 32px;isolation:isolate} :where(html[data-tc-css~="agency"]) .outreach-shortlist-scene::before {content:'';position:absolute;inset:0 -12px 0 16px;background:#e6f2ec;border-radius:50%;z-index:-1} :where(html[data-tc-css~="agency"]) .outreach-shortlist-paper {position:relative;background:white;border:1px solid #dce5df;border-radius:14px;padding:26px 22px;box-shadow:0 18px 32px #1b1c4010;transform:rotate(-2deg)} :where(html[data-tc-css~="agency"]) .outreach-shortlist-paper h3 {font-size:22px;line-height:1.3;margin:12px 0 8px;overflow-wrap:anywhere} :where(html[data-tc-css~="agency"]) .outreach-shortlist-caption {font-size:11px;color:#647186;line-height:1.6;margin:0 0 20px} :where(html[data-tc-css~="agency"]) .outreach-comparison {width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;color:#1b1c40} :where(html[data-tc-css~="agency"]) .outreach-comparison caption {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)} :where(html[data-tc-css~="agency"]) .outreach-comparison th, :where(html[data-tc-css~="agency"]) .outreach-comparison td {padding:15px 6px;border-bottom:1px solid #e5eae7;vertical-align:middle;text-align:center;font-weight:400} :where(html[data-tc-css~="agency"]) .outreach-comparison th:first-child {width:43%;text-align:left;font-size:11px;line-height:1.5} :where(html[data-tc-css~="agency"]) .outreach-comparison thead th {padding-top:0;padding-bottom:10px;font-size:10px;color:#647186} :where(html[data-tc-css~="agency"]) .outreach-comparison button {border:0;background:none;color:inherit;font:500 11px Circular,Arial,sans-serif;padding:8px 2px;cursor:pointer;width:100%;border-radius:4px} :where(html[data-tc-css~="agency"]) .outreach-comparison button[aria-pressed=true] {background:#1b1c40;color:white} :where(html[data-tc-css~="agency"]) .outreach-comparison tbody .is-selected {background:#edf8f2;font-weight:500;color:#267d63} :where(html[data-tc-css~="agency"]) .outreach-shortlist-question {margin-top:22px;padding:18px;background:#eee8f7;border-radius:8px} :where(html[data-tc-css~="agency"]) .outreach-shortlist-question span {font:8px/1.7 'IBM Plex Mono',monospace;letter-spacing:.04em;color:#75619d;display:block} :where(html[data-tc-css~="agency"]) .outreach-shortlist-question p {font-size:16px;line-height:1.55;color:#1b1c40;margin:10px 0 0} :where(html[data-tc-css~="agency"]) .outreach-shortlist-paper .outreach-small-note {font-size:10px!important} :where(html[data-tc-css~="agency"]) .agency-client input {font:inherit;line-height:normal;color:#1b1c40;background:transparent;border:0;border-bottom:1px dashed #b7c7c0;padding:0 2px;width:12ch} :where(html[data-tc-css~="agency"]) .agency-note textarea {display:block;width:100%;margin-top:10px;font:inherit;font-size:15px;line-height:1.55;color:#1b1c40;background:transparent;border:0;resize:none;padding:0} :where(html[data-tc-css~="agency"]) .agency-response {margin:16px 0 0} :where(html[data-tc-css~="agency"]) .agency-hero-offer {font-size:20px;line-height:1.5;color:#fff;margin:0 0 20px} :where(html[data-tc-css~="agency"]) .agency-hero-offer strong, :where(html[data-tc-css~="agency"]) .tc-closer__copy strong {font-weight:500;color:#2ed18a} /* The home hero's text ends 41.5px above the band's edge (its 460px minimum height leaves that room). This hero is taller, so it keeps the same room with padding instead. */ @media (min-width:1024px) { :where(html[data-tc-css~="agency"]) .tc-marketing #main-content .tv2-hero-band .tv2-hero-band__inner {padding-bottom:40.5px} } /* The footer here is the legal bar alone, with no link columns above it to divide from. */ :where(html[data-tc-css~="agency"]) .tc-footer__legal {border-top:0} @media (max-width:760px) { :where(html[data-tc-css~="agency"]) .agency-hero-offer {font-size:18px} :where(html[data-tc-css~="agency"]) .outreach-shortlist-paper {padding:24px 16px;transform:rotate(-1deg)} :where(html[data-tc-css~="agency"]) .outreach-shortlist-paper h3 {font-size:20px} :where(html[data-tc-css~="agency"]) .outreach-shortlist-scene::before {inset:0 -8px 0 8px} :where(html[data-tc-css~="agency"]) .outreach-comparison th, :where(html[data-tc-css~="agency"]) .outreach-comparison td {padding:14px 4px;font-size:11px} :where(html[data-tc-css~="agency"]) .outreach-comparison th:first-child {width:42%;font-size:10px} :where(html[data-tc-css~="agency"]) .outreach-comparison button {font-size:10px} :where(html[data-tc-css~="agency"]) .outreach-shortlist-question p {font-size:15px} :where(html[data-tc-css~="agency"]) .outreach-shortlist-scene .outreach-answer-tag {font-size:12px;padding:12px 16px;right:4px} } /* Layered important rules consistently override component focus styles. */ @layer tc-input-focus { /* One interaction policy, including controls in portals outside #app. Native focus-visible deliberately includes pointer-focused text inputs, so use the actual interaction mode to suppress their extra rings too. */ :is(html:has(#app.tc-app-brand), html:has(.tc-marketing), html[data-tc-candidate])[data-tc-input="pointer"] :focus { outline: none !important; box-shadow: none !important; } :is(html:has(#app.tc-app-brand), html:has(.tc-marketing), html[data-tc-candidate])[data-tc-input="keyboard"] :focus { /* One outline, on the element's own edge (Guy, 4 Oct 2026): no gap, no second ring. */ outline: 2px solid #1B1C40 !important; outline-offset: 0 !important; box-shadow: none !important; } /* Typing into a field switches to keyboard mode; fields show focus with their own darker border instead of an outline, so they never get a double edge. */ :is(html:has(#app.tc-app-brand), html:has(.tc-marketing), html[data-tc-candidate])[data-tc-input] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea):focus { outline: none !important; box-shadow: none !important; border-color: #1B1C40 !important; } /* On the dark top bar the outline is white, so it can be seen. */ html[data-tc-input="keyboard"] #main-navigation :focus, html[data-tc-input="keyboard"] .tc-app-header :focus, html[data-tc-input="keyboard"] header.tc-flow-header :focus { outline: 2px solid #FFFFFF !important; outline-offset: 0 !important; box-shadow: none !important; } /* A radio inside a choice card: the card shows the one outline, not the radio as well. */ :is(html:has(#app.tc-app-brand))[data-tc-input="keyboard"] .tc-builder-preset input:focus { outline: none !important; } /* Step headings receive focus for orientation, not as interactive controls. */ :is(html:has(#app.tc-app-brand), html:has(.tc-marketing), html[data-tc-candidate])[data-tc-input="keyboard"] :is(h1,h2,h3,.tc-builder-catalogue)[tabindex="-1"]:focus { outline: none !important; box-shadow: none !important; } html:has(.tc-marketing)[data-tc-input="pointer"] .tc-test-search-field:focus-within { box-shadow: none !important; } @media (forced-colors: active) { :is(html:has(#app.tc-app-brand), html:has(.tc-marketing), html[data-tc-candidate])[data-tc-input="keyboard"] :focus { outline-color: Highlight !important; } } }