/* Self-hosted fonts (SIL Open Font License): Montserrat, Lato, IBM Plex Mono */ @font-face{font-family:'TQ Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-7f25d9.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'TQ Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-d196e8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'TQ Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-b42080.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'TQ Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-a7544c.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'TQ Lato';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lato-latin-ext-47b3d2.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'TQ Lato';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lato-latin-1ceff4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'TQ Lato';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/lato-latin-ext-e10402.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'TQ Lato';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/lato-latin-1e7495.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'TQ Lato';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/lato-latin-ext-01ad4c.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'TQ Lato';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/lato-latin-15a470.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'TQ Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/montserrat-latin-ext-ccd96b.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'TQ Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/montserrat-latin-e56e84.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'TQ Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-ext-ccd96b.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'TQ Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-e56e84.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'TQ Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-ext-ccd96b.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'TQ Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-e56e84.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'TQ Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/montserrat-latin-ext-ccd96b.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'TQ Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/montserrat-latin-e56e84.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'TQ Montserrat';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/montserrat-latin-ext-ccd96b.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'TQ Montserrat';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/montserrat-latin-e56e84.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /* ===================================================================== Triquetra redesign (v2) — loads only on pages flagged tq_v2. 1) Avada integration 2) baseline inside .tqx 3) mockup system (scoped) ===================================================================== */ /* 1) Avada integration: full-bleed sections, no title bar, no gaps */ body.tq-v2 #main{padding:0 !important;background:#ffffff} body.tq-v2 #main > .fusion-row{max-width:none !important;padding:0 !important} body.tq-v2 .avada-page-titlebar-wrapper, body.tq-v2 .fusion-page-title-bar{display:none !important} body.tq-v2 .tqx-sec.fusion-fullwidth{padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important} body.tq-v2 .tqx-sec .fusion-builder-row{margin:0 !important;max-width:none !important;width:100% !important} body.tq-v2 .tqx-sec .fusion-layout-column, body.tq-v2 .tqx-sec .fusion-column-wrapper{margin:0 !important;padding:0 !important;width:100% !important;max-width:none !important} body.tq-v2 .tqx-sec .fusion-text, body.tq-v2 .tqx-sec .fusion-code{margin:0 !important} body.tq-v2 .post-content > .tqx, body.tq-v2 .tqx-sec .tqx{margin:0} /* 2) Baseline: neutralise Avada typography inside the redesign markup so the mockup's own rules apply as drawn */ #wrapper .tqx{font-family:'TQ Lato','Lato',system-ui,sans-serif;color:#636564;background:#ffffff;line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;text-align:left} /* The boards use the browser's default box model (content-box); Avada sets border-box everywhere, which made every max-width container 64px narrower than the board. */ #wrapper .tqx *,#wrapper .tqx *::before,#wrapper .tqx *::after{box-sizing:content-box} #wrapper .tqx button,#wrapper .tqx input,#wrapper .tqx select,#wrapper .tqx textarea,#wrapper .tqx .tq-gf *,#wrapper .tqx .tq-gf *::before,#wrapper .tqx .tq-gf *::after{box-sizing:border-box} #wrapper .tqx h1,#wrapper .tqx h2,#wrapper .tqx h3,#wrapper .tqx h4,#wrapper .tqx h5,#wrapper .tqx h6{font-family:inherit;color:inherit;letter-spacing:normal;line-height:1.2;text-transform:none;font-weight:700;margin:0 0 .5em;padding:0} #wrapper .tqx h1{font-size:2em} #wrapper .tqx h2{font-size:1.5em} #wrapper .tqx h3{font-size:1.17em} #wrapper .tqx p{margin:1em 0;padding:0;font-size:inherit;line-height:inherit} #wrapper .tqx ul,#wrapper .tqx ol{margin:1em 0;padding-left:40px} #wrapper .tqx li{margin:0;padding:0;font-size:inherit;line-height:inherit} #wrapper .tqx a{transition:color .2s ease} #wrapper .tqx img{max-width:100%;height:auto} #wrapper .tqx button{font:inherit} #wrapper .tqx blockquote{background:none;border:0;padding:0;margin:0;font-style:normal;quotes:none;color:inherit} /* 3) Mockup system (generated from the approved boards, scoped to .tqx) */ #wrapper .tqx{background:#ffffff} #wrapper .tqx a{color:#333c4e} #wrapper .tqx a:hover{color:#e83e8c} #wrapper .tqx details summary{cursor:pointer;list-style:none} #wrapper .tqx details summary::-webkit-details-marker{display:none} #wrapper .tqx .tq-hero{position:relative;overflow:hidden;background:#141a26;color:#ffffff} #wrapper .tqx .tq-aurora{position:absolute;inset:-15%;pointer-events:none;filter:blur(90px);opacity:.6} #wrapper .tqx .tq-blob{position:absolute;border-radius:50%} #wrapper .tqx .tq-b1{width:44%;height:50%;left:6%;top:14%;background:#2f8fb2;animation:tqDrift1 26s ease-in-out infinite alternate} #wrapper .tqx .tq-b2{width:38%;height:44%;right:6%;top:4%;background:#5bbad6;opacity:.55;animation:tqDrift2 32s ease-in-out infinite alternate} #wrapper .tqx .tq-b3{width:30%;height:36%;left:38%;bottom:6%;background:#e83e8c;opacity:.28;animation:tqDrift3 29s ease-in-out infinite alternate} #wrapper .tqx .tq-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1.6px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 42%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 70% 65% at 50% 42%,#000 25%,transparent 80%)} #wrapper .tqx .tq-cv{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none} #wrapper .tqx .tq-stage{position:relative;width:min(480px,84vw);aspect-ratio:1/1;margin:0 auto} #wrapper .tqx .tq-hud{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;animation:tqFade 1.8s ease 1.2s forwards} #wrapper .tqx .tq-rot{transform-box:view-box;transform-origin:200px 200px;animation:tqSpin 60s linear infinite} #wrapper .tqx .tq-sweep{position:absolute;inset:4.5%;border-radius:50%;background:conic-gradient(from 0deg,rgba(91,186,214,0) 0deg,rgba(91,186,214,0) 240deg,rgba(91,186,214,.85) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));opacity:0;animation:tqSpin 7s linear infinite,tqFade 1.5s ease 1.6s forwards} #wrapper .tqx .tq-sweep2{inset:16%;background:conic-gradient(from 180deg,rgba(232,62,140,0) 0deg,rgba(232,62,140,0) 260deg,rgba(232,62,140,.7) 360deg);animation:tqSpinR 11s linear infinite,tqFade 1.5s ease 2s forwards} #wrapper .tqx .tq-parts{position:absolute;inset:0;pointer-events:none} #wrapper .tqx .tq-p{position:absolute;border-radius:50%;box-shadow:0 0 6px rgba(150,226,244,.9);opacity:0;animation:tqFloat 7s ease-in-out infinite} #wrapper .tqx .tq-knot{position:absolute;left:50%;top:50%;width:52%;height:auto;transform:translate(-50%,-59.5%);overflow:visible;filter:drop-shadow(0 0 18px rgba(91,186,214,.3))} #wrapper .tqx .tq-knot .kl{fill:none;stroke:#8fdcef;stroke-width:0.8px;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:1;animation:tqDraw 2.6s cubic-bezier(.65,0,.35,1) .3s forwards,tqStrokeSoft 1.2s ease 3.2s forwards} @keyframes tqStrokeSoft{to{stroke-opacity:.28}} #wrapper .tqx .tq-knot .kcg{opacity:0;animation:tqFade 1.2s ease 3.4s forwards;filter:drop-shadow(0 0 3px rgba(255,255,255,.95)) drop-shadow(0 0 10px rgba(190,240,252,.85)) drop-shadow(0 0 22px rgba(91,186,214,.7))} #wrapper .tqx .tq-knot .kc1{fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round} @keyframes tqL0{from{stroke-dashoffset:1799.1}to{stroke-dashoffset:0.0}} #wrapper .tqx .tq-knot .kcl0{animation:tqL0 11.0s linear infinite} @keyframes tqL1{from{stroke-dashoffset:2998.5}to{stroke-dashoffset:1199.4}} #wrapper .tqx .tq-knot .kcl1{animation:tqL1 11.0s linear infinite} @keyframes tqL2{from{stroke-dashoffset:2398.8}to{stroke-dashoffset:599.7}} #wrapper .tqx .tq-knot .kcl2{animation:tqL2 11.0s linear infinite} @keyframes tqLR{from{stroke-dashoffset:1055.6}to{stroke-dashoffset:0}} #wrapper .tqx .tq-knot .kcr{animation:tqLR 9.0s linear infinite} #wrapper .tqx .tq-rise{animation:tqRise 1.1s cubic-bezier(.2,.8,.2,1) .8s both} #wrapper .tqx .tq-pill:hover{border-color:rgba(91,186,214,.8)} #wrapper .tqx .tq-ghost:hover{background:rgba(255,255,255,.08)} @keyframes tqDraw{to{stroke-dashoffset:0}} @keyframes tqStrokeOut{to{stroke-opacity:0}} @keyframes tqComet{from{stroke-dashoffset:1}to{stroke-dashoffset:0}} @keyframes tqFade{to{opacity:1}} @keyframes tqSpin{to{transform:rotate(360deg)}} @keyframes tqSpinR{to{transform:rotate(-360deg)}} @keyframes tqFloat{0%{opacity:0;transform:translateY(12px)}25%{opacity:.9}70%{opacity:.5}100%{opacity:0;transform:translateY(-64px)}} @keyframes tqRise{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}} @keyframes tqDrift1{to{transform:translate(12%,10%) scale(1.15)}} @keyframes tqDrift2{to{transform:translate(-14%,12%) scale(.9)}} @keyframes tqDrift3{to{transform:translate(10%,-14%) scale(1.2)}} @media (prefers-reduced-motion: reduce){ #wrapper .tqx .tq-blob, #wrapper .tqx .tq-rot, #wrapper .tqx .tq-rise{animation:none} #wrapper .tqx .tq-hud{opacity:1;animation:none} #wrapper .tqx .tq-sweep, #wrapper .tqx .tq-parts, #wrapper .tqx .tq-knot .kcg{display:none} #wrapper .tqx .tq-knot .kl{stroke-dashoffset:0;stroke-opacity:.7;animation:none} } #wrapper .tqx .tl{timeline-scope:--tlPast,--tlPresent,--tlFuture;overflow:clip} #wrapper .tqx .tl-glow{position:absolute;inset:0;pointer-events:none;opacity:0} #wrapper .tqx .tl-glow-past{background:radial-gradient(900px 700px at 20% 60%,rgba(91,186,214,.30),rgba(91,186,214,0) 70%)} #wrapper .tqx .tl-glow-present{background:radial-gradient(900px 700px at 50% 40%,rgba(91,186,214,.28),rgba(91,186,214,0) 70%)} #wrapper .tqx .tl-glow-future{background:radial-gradient(900px 700px at 80% 70%,rgba(232,62,140,.22),rgba(232,62,140,0) 70%)} #wrapper .tqx .tl-visual{position:sticky;top:110px} #wrapper .tqx .tl-stage{position:relative;width:min(460px,84vw);aspect-ratio:1/1;margin:0 auto} #wrapper .tqx .tl-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible} #wrapper .tqx .tl-arc{stroke-width:2;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1} #wrapper .tqx .tl-arc-past{stroke:#5bbad6} #wrapper .tqx .tl-arc-present{stroke:#bdeefa} #wrapper .tqx .tl-arc-future{stroke:#e83e8c} #wrapper .tqx .tl-knot{position:absolute;left:50%;top:50%;width:58%;height:auto;transform:translate(-50%,-59.5%)} #wrapper .tqx .tl-knot-base{opacity:.16} #wrapper .tqx .tl-lobe{position:absolute;inset:0;opacity:.16} #wrapper .tqx .tl-lobe-past{filter:drop-shadow(0 0 6px rgba(91,186,214,.9)) drop-shadow(0 0 22px rgba(91,186,214,.7))} #wrapper .tqx .tl-m-past{-webkit-mask-image:conic-gradient(from 165deg at 50% 59.5%,transparent 0deg,#000 28deg,#000 122deg,transparent 150deg,transparent 360deg);mask-image:conic-gradient(from 165deg at 50% 59.5%,transparent 0deg,#000 28deg,#000 122deg,transparent 150deg,transparent 360deg)} #wrapper .tqx .tl-lobe-present{filter:drop-shadow(0 0 6px rgba(190,240,252,.95)) drop-shadow(0 0 22px rgba(91,186,214,.8))} #wrapper .tqx .tl-m-present{-webkit-mask-image:conic-gradient(from 285deg at 50% 59.5%,transparent 0deg,#000 28deg,#000 122deg,transparent 150deg,transparent 360deg);mask-image:conic-gradient(from 285deg at 50% 59.5%,transparent 0deg,#000 28deg,#000 122deg,transparent 150deg,transparent 360deg)} #wrapper .tqx .tl-lobe-future{filter:drop-shadow(0 0 6px rgba(245,143,187,.9)) drop-shadow(0 0 22px rgba(232,62,140,.6))} #wrapper .tqx .tl-m-future{-webkit-mask-image:conic-gradient(from 45deg at 50% 59.5%,transparent 0deg,#000 28deg,#000 122deg,transparent 150deg,transparent 360deg);mask-image:conic-gradient(from 45deg at 50% 59.5%,transparent 0deg,#000 28deg,#000 122deg,transparent 150deg,transparent 360deg)} #wrapper .tqx .tl-tag{position:absolute;font-family:'TQ Montserrat','Montserrat',sans-serif;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.35);white-space:nowrap} #wrapper .tqx .tl-tag-past{left:0;bottom:12%} #wrapper .tqx .tl-tag-present{left:50%;top:-2%;transform:translateX(-50%)} #wrapper .tqx .tl-tag-future{right:0;bottom:12%} #wrapper .tqx .tl-step{min-height:620px;display:flex;flex-direction:column;justify-content:center;padding:40px 0;opacity:.28} #wrapper .tqx .tl-step-past{view-timeline-name:--tlPast} #wrapper .tqx .tl-step-present{view-timeline-name:--tlPresent} #wrapper .tqx .tl-step-future{view-timeline-name:--tlFuture;min-height:560px} #wrapper .tqx .tl-kicker{margin:0 0 14px;font-family:'TQ Montserrat','Montserrat',sans-serif;font-size:13px;font-weight:800;letter-spacing:.22em;text-transform:uppercase} #wrapper .tqx .tl-h{margin:0;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:900;font-size:46px;line-height:1.05;color:#ffffff} #wrapper .tqx .tl-p{margin:20px 0 0;max-width:480px;font-size:19px;line-height:1.65;color:#c3d0d8} @supports (animation-timeline: view()){ #wrapper .tqx .tl-step{animation:tlStep linear both;animation-timeline:view();animation-range:entry 10% exit 90%} #wrapper .tqx .tl-lobe, #wrapper .tqx .tl-glow, #wrapper .tqx .tl-arc, #wrapper .tqx .tl-tag{animation-fill-mode:both;animation-timing-function:linear;animation-range:entry 30% exit 70%} #wrapper .tqx .tl-lobe-past, #wrapper .tqx .tl-glow-past, #wrapper .tqx .tl-tag-past{animation-name:tlLit;animation-timeline:--tlPast} #wrapper .tqx .tl-lobe-present, #wrapper .tqx .tl-glow-present, #wrapper .tqx .tl-tag-present{animation-name:tlLit;animation-timeline:--tlPresent} #wrapper .tqx .tl-lobe-future, #wrapper .tqx .tl-glow-future, #wrapper .tqx .tl-tag-future{animation-name:tlLitStay;animation-timeline:--tlFuture} #wrapper .tqx .tl-arc-past{animation-name:tlArc;animation-timeline:--tlPast;animation-range:entry 30% cover 50%} #wrapper .tqx .tl-arc-present{animation-name:tlArc;animation-timeline:--tlPresent;animation-range:entry 30% cover 50%} #wrapper .tqx .tl-arc-future{animation-name:tlArc;animation-timeline:--tlFuture;animation-range:entry 30% cover 50%} #wrapper .tqx .tl-tag{animation-name:tlTag} #wrapper .tqx .tl-tag-future{animation-name:tlTagStay} } @supports not (animation-timeline: view()){ #wrapper .tqx .tl-step{opacity:1} #wrapper .tqx .tl-lobe{opacity:.78} #wrapper .tqx .tl-arc{stroke-dashoffset:0} #wrapper .tqx .tl-tag{color:#ffffff} #wrapper .tqx .tl-glow-present{opacity:1} } @keyframes tlStep{0%{opacity:.18;transform:translateY(24px)}35%,65%{opacity:1;transform:none}100%{opacity:.18;transform:translateY(-24px)}} @keyframes tlLit{0%{opacity:.14}40%,60%{opacity:.78}100%{opacity:.42}} @keyframes tlLitStay{0%{opacity:.14}40%,100%{opacity:.78}} @keyframes tlArc{to{stroke-dashoffset:0}} @keyframes tlTag{0%{color:rgba(255,255,255,.35)}40%,60%{color:#ffffff}100%{color:rgba(255,255,255,.55)}} @keyframes tlTagStay{0%{color:rgba(255,255,255,.35)}40%,100%{color:#ffffff}} @media (max-width: 900px){ #wrapper .tqx .tl-visual{top:64px;background:linear-gradient(#141a26 80%,rgba(20,26,38,0));z-index:2;padding-bottom:16px;flex-basis:100%} #wrapper .tqx .tl-stage{width:min(300px,70vw)} #wrapper .tqx .tl-step{min-height:460px} #wrapper .tqx .tl-h{font-size:34px} } @media (prefers-reduced-motion: reduce){ #wrapper .tqx .tl-step, #wrapper .tqx .tl-lobe, #wrapper .tqx .tl-glow, #wrapper .tqx .tl-arc, #wrapper .tqx .tl-tag{animation:none!important} #wrapper .tqx .tl-step, #wrapper .tqx .tl-lobe{opacity:1} #wrapper .tqx .tl-arc{stroke-dashoffset:0} #wrapper .tqx .tl-tag{color:#ffffff} } #wrapper .tqx .tq-split .tq-stage{width:min(600px,86vw)} #wrapper .tqx .tq-split-art{align-self:flex-start;margin-top:-24px} @media (max-width: 900px){ #wrapper .tqx .tq-split-art{order:0!important;align-self:center;margin-top:0} #wrapper .tqx .tq-split-copy{align-items:center!important;text-align:center!important} #wrapper .tqx .tq-split .tq-row{justify-content:center!important} #wrapper .tqx .tq-split .tq-stage{width:min(440px,86vw)} } #wrapper .tqx .mono{font-family:'TQ Plex Mono','IBM Plex Mono',ui-monospace,monospace} @property --tqa{syntax:"";inherits:false;initial-value:0deg} #wrapper .tqx .sec-in{position:relative;max-width:1240px;margin:0 auto;padding:112px 32px} #wrapper .tqx .eyebrow{display:flex;gap:8px;margin:0 0 18px;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#5bbad6} #wrapper .tqx .sec-h{margin:0;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.01em} #wrapper .tqx .btn-pink{display:inline-block;color:#ffffff;text-decoration:none;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:18px 28px;border-radius:6px;box-shadow:0 12px 36px rgba(232,62,140,.28);position:relative;overflow:hidden} #wrapper .tqx .btn-pink::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s ease} #wrapper .tqx .btn-pink:hover::after{transform:translateX(120%)} #wrapper .tqx .btn-pink:hover, #wrapper .tqx .btn-pink:focus-visible, #wrapper .tqx .hd-book:hover, #wrapper .tqx .hd-book:focus-visible, #wrapper .tqx .btn-dark:hover, #wrapper .tqx .btn-dark:focus-visible{color:#ffffff} #wrapper .tqx .hd-phone:hover{color:#5bbad6} #wrapper .tqx .btn-ghost{display:inline-block;color:#ffffff;text-decoration:none;font-size:14px;letter-spacing:.12em;padding:17px 26px;border-radius:6px;border:1px solid rgba(255,255,255,.35)} #wrapper .tqx .btn-ghost:hover{border-color:#5bbad6;color:#bdeefa} #wrapper .tqx .beam-line{position:absolute;left:0;right:0;top:0;height:1px;background:rgba(91,186,214,.18);overflow:hidden} #wrapper .tqx .beam-line::after{content:"";position:absolute;top:0;left:-30%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#bdeefa,transparent);animation:tqBeamLine 6s linear infinite} @keyframes tqBeamLine{to{left:100%}} #wrapper .tqx .hd{position:sticky;top:0;z-index:30;margin-bottom:-76px;background:rgba(20,26,38,0);border-bottom:1px solid rgba(255,255,255,0);transition:background .35s ease,border-color .35s ease,backdrop-filter .35s ease} #wrapper .tqx .hd.is-scrolled, #wrapper .tqx .hd.is-open{background:rgba(18,24,35,.78);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-bottom-color:rgba(255,255,255,.08)} #wrapper .tqx .hd-in{max-width:1320px;margin:0 auto;padding:0 32px;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:height .35s ease} #wrapper .tqx .hd.is-scrolled .hd-in{height:64px} #wrapper .tqx .hd-logo{display:flex;align-items:center;gap:12px;text-decoration:none} #wrapper .tqx .hd-nav{display:flex;align-items:center;gap:30px;align-self:stretch} #wrapper .tqx .hd-link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 0;background:none;border:0;cursor:pointer;color:#e6edf2;text-decoration:none;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:600;font-size:14px;letter-spacing:.01em} #wrapper .tqx .hd-link::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:linear-gradient(90deg,#5bbad6,#bdeefa);transform:scaleX(0);transform-origin:left;transition:transform .35s ease} #wrapper .tqx .hd-link:hover, #wrapper .tqx .hd-link[aria-expanded="true"]{color:#ffffff} #wrapper .tqx .hd-link:hover::after, #wrapper .tqx .hd-link[aria-expanded="true"]::after{transform:scaleX(1)} #wrapper .tqx .hd-svc{display:flex;align-items:center;gap:2px} #wrapper .tqx .hd-chev{display:flex;align-items:center;justify-content:center;width:28px;height:40px;padding:0;background:none;border:0;border-radius:6px;color:#e6edf2;cursor:pointer} #wrapper .tqx .hd-chev:hover, #wrapper .tqx .hd-chev[aria-expanded="true"]{color:#5bbad6} #wrapper .tqx .hd-new{font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff;background:#e83e8c;padding:2px 6px;border-radius:999px} #wrapper .tqx .hd-cta{display:flex;align-items:center;gap:20px} #wrapper .tqx .hd-phone{color:#ffffff;text-decoration:none;font-size:13px;letter-spacing:.06em} #wrapper .tqx .hd-book{color:#ffffff;text-decoration:none;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:13px 20px;border-radius:6px} #wrapper .tqx .hd-burger{display:none;background:none;border:1px solid rgba(255,255,255,.25);border-radius:8px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer} #wrapper .tqx .hd-mega-wrap{position:static;align-self:stretch;display:flex;align-items:center} #wrapper .tqx .mega{position:absolute;left:0;right:0;top:100%;padding:28px 32px 32px;background:#10151f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(91,186,214,.25);display:flex;gap:28px;max-width:1320px;margin:0 auto;box-sizing:border-box;animation:tqMega .28s ease} @keyframes tqMega{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} #wrapper .tqx .mega-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px} #wrapper .tqx .mega-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:12px;text-decoration:none;border:1px solid transparent;transition:background .25s,border-color .25s} #wrapper .tqx .mega-item:hover{background:rgba(91,186,214,.08);border-color:rgba(91,186,214,.25)} #wrapper .tqx .mega-ic{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid rgba(91,186,214,.35);display:flex;align-items:center;justify-content:center;color:#5bbad6} #wrapper .tqx .mega-t{display:block;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:700;font-size:15px;color:#ffffff} #wrapper .tqx .mega-d{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#a9bac4} #wrapper .tqx .mega-feature{flex:0 0 280px;display:block;padding:22px;border-radius:14px;text-decoration:none;background:linear-gradient(160deg,rgba(232,62,140,.16),rgba(91,186,214,.10));border:1px solid rgba(255,255,255,.1)} #wrapper .tqx .mob{position:fixed;inset:0;z-index:40;background:#10151f;padding:88px 28px 40px;overflow:auto} #wrapper .tqx .mob-close{position:absolute;top:16px;right:20px;width:44px;height:44px;background:none;border:1px solid rgba(255,255,255,.25);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer} #wrapper .tqx .mob-knot{position:absolute;right:-20%;bottom:-6%;width:90%;opacity:.06;pointer-events:none} #wrapper .tqx .mob-nav{position:relative;display:flex;flex-direction:column} #wrapper .tqx .mob-nav a{display:flex;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffff;text-decoration:none;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:28px} #wrapper .tqx .mob-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)} #wrapper .tqx .mob-nav .mob-row>a{border-bottom:0;flex:1 1 auto} #wrapper .tqx .mob-exp{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer} #wrapper .tqx .mob-exp svg{transition:transform .25s} #wrapper .tqx .mob-exp[aria-expanded="true"]{border-color:#5bbad6} #wrapper .tqx .mob-exp[aria-expanded="true"] svg{transform:rotate(45deg)} #wrapper .tqx .mob-sub{display:flex;flex-direction:column;padding:6px 0 14px 34px;border-bottom:1px solid rgba(255,255,255,.08)} #wrapper .tqx .mob-nav .mob-sub a{display:block;padding:11px 0;border:0;font-family:'TQ Lato','Lato',sans-serif;font-weight:700;font-size:18px;color:#c9d6de} #wrapper .tqx .mob-nav .mob-sub a.mob-all{font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-weight:400;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#5bbad6} #wrapper .tqx .mob-nav a .mono{font-size:12px;color:#5bbad6;font-weight:400} @media (max-width: 1100px){ #wrapper .tqx .hd-nav, #wrapper .tqx .hd-phone{display:none} #wrapper .tqx .hd-burger{display:flex} } @media (max-width: 480px){ #wrapper .tqx .hd-book{display:none} #wrapper .tqx .hd-in{padding:0 18px} } #wrapper .tqx .sv{position:relative;background:#f4f7f9} #wrapper .tqx .sv-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-bottom:56px} #wrapper .tqx .bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px} #wrapper .tqx .svc{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px;border-radius:18px;background:#ffffff;border:1px solid #e1e8ec;text-decoration:none;color:#55626b;transition:transform .35s ease,box-shadow .35s ease;isolation:isolate} #wrapper .tqx .svc::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--tqa),transparent 0deg 250deg,rgba(91,186,214,.9) 310deg,#e83e8c 345deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none} #wrapper .tqx .svc:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(29,37,51,.10);color:#55626b} #wrapper .tqx .svc-wide:hover{color:#b8c6cf} #wrapper .tqx .svc:hover::before{opacity:1;animation:tqBeam 2.6s linear infinite} @keyframes tqBeam{to{--tqa:360deg}} #wrapper .tqx .svc-lg{background:linear-gradient(160deg,#ffffff 40%,#eef7fa)} #wrapper .tqx .svc-wide{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:20px 48px;background:#141a26;border-color:#141a26;color:#b8c6cf} #wrapper .tqx .svc-wide .svc-t{color:#ffffff} #wrapper .tqx .svc-wide .svc-ic{color:#5bbad6;border-color:rgba(91,186,214,.4)} #wrapper .tqx .svc-wide .svc-list li{color:#c9d6de;border-color:rgba(255,255,255,.12)} #wrapper .tqx .svc-top{display:flex;justify-content:space-between;align-items:center} #wrapper .tqx .svc-ic{width:52px;height:52px;border-radius:14px;border:1px solid #cfe3ea;display:flex;align-items:center;justify-content:center;color:#5bbad6} #wrapper .tqx .svc-n{font-size:12px;letter-spacing:.16em;color:#9aa9b2} #wrapper .tqx .svc-t{margin:6px 0 0;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:22px;color:#1d2533} #wrapper .tqx .svc-d{margin:0;font-size:16px;line-height:1.6} #wrapper .tqx .svc-list{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none} #wrapper .tqx .svc-list li{font-size:12px;letter-spacing:.06em;padding:6px 10px;border:1px solid #dbe5ea;border-radius:999px;color:#41505a} #wrapper .tqx .svc-go{margin-top:auto;padding-top:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#c2306f} #wrapper .tqx .svc-wide .svc-go{color:#f58fbb} @media (max-width: 900px){ #wrapper .tqx .bento>.svc{grid-column:span 12!important} } #wrapper .tqx .as{position:relative;background:#121823;overflow:hidden} #wrapper .tqx .as-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 520px at 78% 50%,rgba(91,186,214,.16),rgba(91,186,214,0) 70%),radial-gradient(520px 420px at 92% 90%,rgba(232,62,140,.12),rgba(232,62,140,0) 70%)} #wrapper .tqx .as-in{display:flex;flex-wrap:wrap;align-items:center;gap:56px} #wrapper .tqx .as-copy{flex:1 1 480px;min-width:0} #wrapper .tqx .as-next{margin:26px 0 0;padding:18px 20px;border:1px solid rgba(232,62,140,.32);border-radius:12px;background:rgba(232,62,140,.06)} #wrapper .tqx .as-next p{margin:8px 0 0;font-size:16px;line-height:1.65;color:#e6edf2} #wrapper .tqx .as-next-tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#f58fbb} #wrapper .tqx .as-list{margin:30px 0 0;padding:0;list-style:none;display:flex;flex-direction:column} #wrapper .tqx .as-list li{display:flex;gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.08);color:#e6edf2;font-size:17px;line-height:1.5} #wrapper .tqx .as-list li .mono{flex:none;font-size:12px;letter-spacing:.14em;color:#5bbad6;padding-top:4px} #wrapper .tqx .as-art{position:relative;flex:1 1 440px;min-width:0;max-width:520px;aspect-ratio:1/1;margin:0 auto} #wrapper .tqx .as-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible} #wrapper .tqx .as-spin{transform-box:view-box;transform-origin:260px 260px;animation:tqSpin 14s linear infinite} #wrapper .tqx .as-tag-v{writing-mode:vertical-rl} #wrapper .tqx .as-tag{position:absolute;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a9bac4;background:#121823;padding:3px 8px;white-space:nowrap} #wrapper .tqx .as-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68%;padding:22px;border-radius:18px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12)} #wrapper .tqx .as-bars{display:flex;flex-direction:column;gap:10px;margin-top:16px} #wrapper .tqx .as-named{display:flex;align-items:baseline;gap:12px;margin-top:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)} #wrapper .tqx .as-named b{font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:30px;color:#ffffff} #wrapper .tqx .as-named b span{font-size:16px;color:#8fa1ab} #wrapper .tqx .as-named>span{font-size:13px;color:#b8c6cf} #wrapper .tqx .as-dl{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5bbad6;text-decoration:none} #wrapper .tqx .as-dl:hover{color:#bdeefa} #wrapper .tqx .as-bar{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:13px;color:#c9d6de} #wrapper .tqx .as-bar .mono{font-size:12px;color:#ffffff} #wrapper .tqx .as-bar i{grid-column:1/-1;display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden} #wrapper .tqx .as-bar b{display:block;height:100%;border-radius:4px} @supports (animation-timeline: view()){ #wrapper .tqx .as-fill{animation:asFill linear both;animation-timeline:view();animation-range:entry 20% cover 45%;transform-origin:left} #wrapper .tqx .as-gauge{animation:asGauge linear both;animation-timeline:view();animation-range:entry 20% cover 45%} } @keyframes asFill{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes asGauge{from{stroke-dasharray:0 100}to{stroke-dasharray:71 100}} @media (max-width: 600px){ #wrapper .tqx .as-panel{width:84%;padding:18px} #wrapper .tqx .as-tag{display:none} } #wrapper .tqx .cl{position:relative;background:radial-gradient(900px 500px at 50% 100%,rgba(91,186,214,.18),rgba(91,186,214,0) 70%),#141a26} #wrapper .tqx .ft{background:#0e131c;border-top:1px solid rgba(255,255,255,.06)} #wrapper .tqx .ft-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding-top:56px;padding-bottom:56px} #wrapper .tqx .ft-nav{display:flex;flex-wrap:wrap;gap:10px 26px} #wrapper .tqx .ft-nav a{color:#e6edf2;text-decoration:none;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:600;font-size:14px} #wrapper .tqx .ft-nav a:hover{color:#5bbad6} #wrapper .tqx .ft-meta{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.06em;color:#8fa1ab} @media (prefers-reduced-motion: reduce){ #wrapper .tqx .beam-line::after, #wrapper .tqx .as-spin, #wrapper .tqx .svc:hover::before{animation:none} #wrapper .tqx .as-fill, #wrapper .tqx .as-gauge{animation:none!important} } #wrapper .tqx .hd-link.is-active{color:#ffffff} #wrapper .tqx .hd-link.is-active::after{transform:scaleX(1)} #wrapper .tqx .mega-side{flex:0 0 280px;display:flex;flex-direction:column;gap:10px} #wrapper .tqx .mega-all{display:block;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);color:#e6edf2;text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase} #wrapper .tqx .mega-all:hover{border-color:rgba(91,186,214,.5);color:#ffffff} #wrapper .tqx .ph{position:relative;background:#141a26;overflow:hidden;color:#ffffff} #wrapper .tqx .ph-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(800px 520px at 82% 40%,rgba(91,186,214,.20),rgba(91,186,214,0) 70%),radial-gradient(520px 420px at 96% 100%,rgba(232,62,140,.14),rgba(232,62,140,0) 70%)} #wrapper .tqx .ph-art{position:absolute;right:-6%;top:50%;width:min(560px,55vw);aspect-ratio:1/1;transform:translateY(-44%);pointer-events:none} #wrapper .tqx .ph-art img{position:absolute;left:50%;top:50%;width:52%;transform:translate(-50%,-59.5%);opacity:.16} #wrapper .tqx .ph-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} #wrapper .tqx .ph-in{position:relative;max-width:1240px;margin:0 auto;padding:176px 32px 96px} #wrapper .tqx .crumb{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8fa1ab} #wrapper .tqx .crumb a{color:#8fa1ab;text-decoration:none} #wrapper .tqx .crumb a:hover{color:#5bbad6} #wrapper .tqx .crumb .sep{color:#5bbad6} #wrapper .tqx .ph h1{margin:0;max-width:760px;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:900;font-size:clamp(36px,5vw,64px);line-height:1.04;letter-spacing:-.01em;color:#ffffff} #wrapper .tqx .ph-lead{margin:24px 0 0;max-width:620px;font-size:19px;line-height:1.7;color:#c3d0d8} #wrapper .tqx .ph-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:36px} #wrapper .tqx .lt{position:relative;background:#f4f7f9;color:#55626b} #wrapper .tqx .wt{position:relative;background:#ffffff;color:#55626b} #wrapper .tqx .dk{position:relative;background:#121823;color:#b8c6cf;overflow:hidden} #wrapper .tqx .sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-bottom:48px} #wrapper .tqx .sec-head p{flex:1 1 340px;min-width:0;margin:0;font-size:18px;line-height:1.65} #wrapper .tqx .h-dk{color:#1d2533} #wrapper .tqx .lede{font-size:18px;line-height:1.7} #wrapper .tqx .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} #wrapper .tqx .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} #wrapper .tqx .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} #wrapper .tqx .card{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:18px;background:#ffffff;border:1px solid #e1e8ec;color:#55626b;text-decoration:none;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease} #wrapper .tqx .card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--tqa),transparent 0deg 250deg,rgba(91,186,214,.9) 310deg,#e83e8c 345deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none} #wrapper .tqx a.card:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(29,37,51,.10);color:#55626b} #wrapper .tqx a.card:hover::before{opacity:1;animation:tqBeam 2.6s linear infinite} #wrapper .tqx .card-dk{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:#b8c6cf} #wrapper .tqx a.card-dk:hover{color:#b8c6cf;box-shadow:0 22px 50px rgba(0,0,0,.3)} #wrapper .tqx .card h3{margin:4px 0 0;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:21px;line-height:1.25;color:#1d2533} #wrapper .tqx .card-dk h3{color:#ffffff} #wrapper .tqx .card p{margin:0;font-size:16px;line-height:1.6} #wrapper .tqx .k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#9aa9b2} #wrapper .tqx .k-teal{color:#5bbad6} #wrapper .tqx .k-pink{color:#c2306f} #wrapper .tqx .card-dk .k-pink, #wrapper .tqx .dk .k-pink{color:#f58fbb} #wrapper .tqx .go{margin-top:auto;padding-top:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#c2306f} #wrapper .tqx .card-dk .go{color:#f58fbb} #wrapper .tqx .ic{width:52px;height:52px;border-radius:14px;border:1px solid #cfe3ea;display:flex;align-items:center;justify-content:center;color:#5bbad6} #wrapper .tqx .card-dk .ic{border-color:rgba(91,186,214,.4)} #wrapper .tqx .pills{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none} #wrapper .tqx .pills li{font-size:12px;letter-spacing:.05em;padding:6px 11px;border:1px solid #dbe5ea;border-radius:999px;color:#41505a} #wrapper .tqx .dk .pills li, #wrapper .tqx .card-dk .pills li{border-color:rgba(255,255,255,.14);color:#d4dee4} #wrapper .tqx .srow{display:flex;flex-wrap:wrap;gap:28px 56px;padding:44px 0;border-top:1px solid #e1e8ec} #wrapper .tqx .srow:last-child{border-bottom:1px solid #e1e8ec} #wrapper .tqx .srow-l{flex:1 1 360px;min-width:0} #wrapper .tqx .srow-r{flex:1 1 420px;min-width:0} #wrapper .tqx .srow h3{margin:12px 0 0;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:30px;line-height:1.15;color:#1d2533} #wrapper .tqx .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.12)} #wrapper .tqx .steps-lt{border-top-color:#e1e8ec} #wrapper .tqx .step{padding:28px 24px 8px 0} #wrapper .tqx .step .n{font-size:12px;letter-spacing:.16em;color:#5bbad6} #wrapper .tqx .step h3{margin:14px 0 8px;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:20px;color:#ffffff} #wrapper .tqx .steps-lt .step h3{color:#1d2533} #wrapper .tqx .step p{margin:0;font-size:15px;line-height:1.6} #wrapper .tqx .quote{margin:0;padding:44px;border-radius:20px;background:#141a26;color:#ffffff} #wrapper .tqx .quote blockquote{margin:0;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:700;font-size:clamp(22px,2.6vw,30px);line-height:1.35} #wrapper .tqx .quote figcaption{margin-top:18px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5bbad6} #wrapper .tqx .ph-img{border-radius:18px;background:linear-gradient(135deg,#dceff5,#eef4f7);display:flex;align-items:center;justify-content:center;color:#55626b;font-size:12px;letter-spacing:.16em;text-transform:uppercase} #wrapper .tqx .dk .ph-img{background:linear-gradient(135deg,#1c2433,#232e40);color:#8fa1ab} #wrapper .tqx .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px} #wrapper .tqx .chip{font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;padding:9px 14px;border-radius:999px;border:1px solid #dbe5ea;background:#ffffff;color:#41505a;cursor:pointer} #wrapper .tqx .chip.on{background:#141a26;border-color:#141a26;color:#ffffff} #wrapper .tqx .faq{display:flex;flex-direction:column;border-top:1px solid #e1e8ec} #wrapper .tqx .faq details{border-bottom:1px solid #e1e8ec;padding:22px 0} #wrapper .tqx .faq summary{display:flex;justify-content:space-between;gap:20px;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:700;font-size:19px;color:#1d2533;cursor:pointer;list-style:none} #wrapper .tqx .faq summary::-webkit-details-marker{display:none} #wrapper .tqx .faq summary::after{content:"+";font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-weight:400;color:#5bbad6} #wrapper .tqx .faq details[open] summary::after{content:"−"} #wrapper .tqx .faq details p{margin:12px 0 0;max-width:760px;font-size:16px;line-height:1.7;color:#55626b} #wrapper .tqx .form{display:flex;flex-direction:column;gap:16px;padding:36px;border-radius:20px;background:#ffffff;border:1px solid #e1e8ec} #wrapper .tqx .frow{display:flex;flex-wrap:wrap;gap:16px} #wrapper .tqx .fld{flex:1 1 200px;display:flex;flex-direction:column;gap:7px;font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#55626b} #wrapper .tqx .form>.fld, #wrapper .tqx .ord-step>.fld{flex:none} #wrapper .tqx .fld input, #wrapper .tqx .fld textarea, #wrapper .tqx .fld select{font:400 16px "Lato",sans-serif;letter-spacing:0;text-transform:none;color:#1d2533;padding:14px 15px;border:1px solid #d3dee4;border-radius:10px;background:#fbfdfe;outline:none;transition:border-color .2s,box-shadow .2s} #wrapper .tqx .fld input:focus, #wrapper .tqx .fld textarea:focus, #wrapper .tqx .fld select:focus{border-color:#5bbad6;box-shadow:0 0 0 4px rgba(91,186,214,.18)} #wrapper .tqx .btn-dark{align-self:flex-start;display:inline-block;background:#141a26;color:#ffffff;border:0;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:18px 28px;border-radius:6px;cursor:pointer;text-decoration:none} #wrapper .tqx .btn-line{display:inline-block;color:#1d2533;text-decoration:none;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:17px 26px;border-radius:6px;border:1.5px solid #1d2533} #wrapper .tqx .btn-line:hover{border-color:#5bbad6;color:#1d2533} #wrapper .tqx .stat{display:flex;flex-direction:column;gap:6px;padding:24px 0;border-top:1px solid rgba(255,255,255,.12)} #wrapper .tqx .stat b{font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:32px;color:#ffffff} #wrapper .tqx .stat span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8fa1ab} #wrapper .tqx .note{font-size:13px;color:#8fa1ab} @media (max-width: 1000px){ #wrapper .tqx .grid4{grid-template-columns:repeat(2,minmax(0,1fr))} #wrapper .tqx .steps{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width: 760px){ #wrapper .tqx .grid2, #wrapper .tqx .grid3, #wrapper .tqx .grid4, #wrapper .tqx .steps{grid-template-columns:minmax(0,1fr)} #wrapper .tqx .ph-art{opacity:.6;right:-30%} #wrapper .tqx .ph-in{padding:140px 22px 72px} #wrapper .tqx .sec-in{padding:84px 22px} #wrapper .tqx .form{padding:24px} } #wrapper .tqx .pkg-price{font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:38px;color:#1d2533;line-height:1} #wrapper .tqx .pkg-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 0;padding:14px 0 0;list-style:none;border-top:1px solid #e1e8ec;font-size:12px;letter-spacing:.06em;color:#55626b} #wrapper .tqx .pkg-list span{color:#1d2533;font-weight:500} #wrapper .tqx .pkg-diamond{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:22px 26px;border-radius:18px;background:#141a26} #wrapper .tqx .ord{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start} #wrapper .tqx .ord-form{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px} #wrapper .tqx .ord-step{margin:0;padding:30px;border:1px solid #e1e8ec;border-radius:20px;background:#ffffff;display:flex;flex-direction:column;gap:16px;min-width:0} #wrapper .tqx .ord-step legend{float:left;width:100%;padding:0;margin:0 0 4px;display:flex;align-items:center;gap:12px;font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:20px;color:#1d2533} #wrapper .tqx .ord-step legend .mono{font-size:12px;font-weight:400;letter-spacing:.16em;color:#5bbad6} #wrapper .tqx .hint{font-family:'TQ Lato','Lato',sans-serif;font-size:13px;letter-spacing:0;text-transform:none;color:#7b8a93} #wrapper .tqx .chk{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.55;color:#41505a} #wrapper .tqx .chk input{margin-top:4px;width:18px;height:18px;accent-color:#5bbad6;flex:none} #wrapper .tqx .chk a{color:#5bbad6} #wrapper .tqx .pkg-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #wrapper .tqx .pp{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:18px 18px 18px 46px;border:1px solid #d3dee4;border-radius:14px;cursor:pointer;background:#fbfdfe;transition:border-color .2s,box-shadow .2s} #wrapper .tqx .pp input{position:absolute;left:16px;top:20px;width:18px;height:18px;accent-color:#5bbad6;margin:0} #wrapper .tqx .pp.on{border-color:#5bbad6;box-shadow:0 0 0 4px rgba(91,186,214,.16);background:#ffffff} #wrapper .tqx .pp-name{font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:16px;color:#1d2533} #wrapper .tqx .pp-price{font-size:14px;color:#1d2533} #wrapper .tqx .pp-scope{grid-column:1/-1;font-size:13px;line-height:1.5;color:#55626b} #wrapper .tqx .stripe{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px dashed #c4d3da;border-radius:12px;font-size:12px;letter-spacing:.08em;color:#41505a} #wrapper .tqx .ord-sum{flex:0 1 360px;min-width:280px;position:sticky;top:96px} #wrapper .tqx .ord-sum-in{padding:28px;border-radius:20px;background:#141a26;color:#b8c6cf;box-shadow:0 30px 70px rgba(20,26,38,.22)} #wrapper .tqx .ord-pkg{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px} #wrapper .tqx .ord-pkg b{font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:26px;color:#ffffff} #wrapper .tqx .ord-pkg .mono{font-size:18px;color:#ffffff} #wrapper .tqx .ord-scope{margin:6px 0 0;font-size:14px;line-height:1.55} #wrapper .tqx .ord-list{margin:18px 0 0;padding:16px 0 0;list-style:none;display:flex;flex-direction:column;gap:9px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#e6edf2} #wrapper .tqx .ord-list li::before{content:"—";color:#5bbad6;margin-right:10px} #wrapper .tqx .ord-total{display:flex;justify-content:space-between;align-items:baseline;margin:20px 0 18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)} #wrapper .tqx .ord-total span{font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase} #wrapper .tqx .ord-total b{font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:30px;color:#ffffff} #wrapper .tqx .ord-pay{text-align:center} @media (max-width: 760px){ #wrapper .tqx .pkg-pick{grid-template-columns:minmax(0,1fr)} #wrapper .tqx .ord-sum{position:static;flex-basis:100%} #wrapper .tqx .ord-step{padding:22px} } #wrapper .tqx .ft-legal{display:flex;flex-wrap:wrap;gap:4px 8px} #wrapper .tqx .ft-legal a{color:#8fa1ab;text-decoration:none} #wrapper .tqx .ft-legal a:hover{color:#5bbad6} #wrapper .tqx .consult{flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px 28px} #wrapper .tqx .consult-btns{display:flex;flex-direction:column;gap:10px;flex:0 1 auto} #wrapper .tqx .consult-btns .btn-line{text-align:center;font-size:13px;padding:14px 20px} /* ===== START HERE doc, Section 1 fixes ===== */ /* Fix 2: paired links (e.g. "Explore Digital Marketing → Websites & Hosting →") use a gap, so the second link sits flush left when the row wraps. */ #wrapper .tqx .go-row{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:24px;row-gap:14px;margin-top:22px} #wrapper .tqx .go-row > a{display:inline-block;margin:0} /* Fix 3: eyebrow labels stay on one line on phones. Slightly smaller type and tighter tracking only below 600px; desktop and tablet are unchanged. */ @media (max-width:600px){ #wrapper .tqx .eyebrow{flex-wrap:nowrap;white-space:nowrap;letter-spacing:.14em;font-size:min(12px,3.2vw)} #wrapper .tqx .sec-head p.eyebrow{font-size:min(18px,3.2vw)} #wrapper .tqx .eyebrow > *{flex-shrink:0} } /* ===== Gravity Forms inside redesign pages (.tq-gf), styled like the board's form ===== */ #wrapper .tqx .tq-gf .gform_wrapper{margin:0!important;max-width:none!important;padding:0!important;background:none!important;border:0!important;font-family:'TQ Lato','Lato',sans-serif} #wrapper .tqx .tq-gf .gform_wrapper ul.gform_fields{display:flex!important;flex-direction:column;gap:16px;margin:0!important;padding:0!important;list-style:none!important} #wrapper .tqx .tq-gf .gform_wrapper li.gfield{margin:0!important;padding:0!important;max-width:none!important;width:auto!important;background:none!important;border:0!important;list-style:none!important} #wrapper .tqx .tq-gf .gform_wrapper li.gfield::before{display:none!important} #wrapper .tqx .tq-gf .gform_wrapper .gfield_label, #wrapper .tqx .tq-gf .gform_wrapper .gform-field-label--type-sub, #wrapper .tqx .tq-gf .gform_wrapper .ginput_complex label{display:block;margin:0 0 7px!important;padding:0!important;font-family:'TQ Plex Mono','IBM Plex Mono',monospace!important;font-size:11px!important;font-weight:400!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#55626b!important;line-height:1.5!important} #wrapper .tqx .tq-gf .gform_wrapper .ginput_complex label{margin:6px 0 0!important;font-size:10px!important;color:#8fa1ab!important} #wrapper .tqx .tq-gf .gform_wrapper .gfield_required{color:#e83e8c!important} #wrapper .tqx .tq-gf .gform_wrapper .ginput_complex{display:flex!important;flex-wrap:wrap;gap:12px 16px;width:100%!important;margin:0!important} #wrapper .tqx .tq-gf .gform_wrapper .ginput_complex > span{flex:1 1 200px;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important} #wrapper .tqx .tq-gf .gform_wrapper .ginput_complex > span.ginput_full{flex-basis:100%} #wrapper .tqx .tq-gf .gform_wrapper .ginput_container{margin:0!important} #wrapper .tqx .tq-gf .gform_wrapper input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=hidden]), #wrapper .tqx .tq-gf .gform_wrapper textarea, #wrapper .tqx .tq-gf .gform_wrapper select{width:100%!important;max-width:none!important;box-sizing:border-box;font:400 16px 'TQ Lato','Lato',sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#1d2533!important;padding:14px 15px!important;border:1px solid #d3dee4!important;border-radius:10px!important;background:#fbfdfe!important;outline:none!important;box-shadow:none!important;height:auto!important;min-height:0!important;line-height:1.4!important;transition:border-color .2s,box-shadow .2s} #wrapper .tqx .tq-gf .gform_wrapper textarea{min-height:140px!important;resize:vertical} #wrapper .tqx .tq-gf .gform_wrapper input:focus, #wrapper .tqx .tq-gf .gform_wrapper textarea:focus, #wrapper .tqx .tq-gf .gform_wrapper select:focus{border-color:#5bbad6!important;box-shadow:0 0 0 4px rgba(91,186,214,.18)!important} #wrapper .tqx .tq-gf .gform_wrapper .gravity-select-parent{width:100%} #wrapper .tqx .tq-gf .gform_wrapper .gform_footer{margin:20px 0 0!important;padding:0!important;border:0!important;background:none!important} #wrapper .tqx .tq-gf .gform_wrapper .gform_footer input[type=submit], #wrapper .tqx .tq-gf .gform_wrapper .gform_footer button{display:inline-block;width:auto!important;background:#141a26!important;color:#ffffff!important;border:0!important;font-family:'TQ Montserrat','Montserrat',sans-serif!important;font-weight:800!important;font-size:14px!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:18px 28px!important;border-radius:6px!important;cursor:pointer;line-height:1.2!important;box-shadow:none!important;transition:background .2s} #wrapper .tqx .tq-gf .gform_wrapper .gform_footer input[type=submit]:hover, #wrapper .tqx .tq-gf .gform_wrapper .gform_footer button:hover, #wrapper .tqx .tq-gf .gform_wrapper .gform_footer input[type=submit]:focus-visible{background:#141a26!important;color:#ffffff!important} #wrapper .tqx .tq-gf .gform_confirmation_message{font-family:'TQ Lato','Lato',sans-serif;color:#1d2533;font-size:17px;padding:18px 20px;border-radius:12px;background:#f2f8fa;border:1px solid #d3dee4} #wrapper .tqx .tq-gf .gform_wrapper .select-arrow{background:transparent!important;border:0!important;color:#55626b!important} #wrapper .tqx .tq-gf .gform_wrapper .gravity-select-parent,#wrapper .tqx .tq-gf .gform_wrapper .avada-select-parent{width:100%!important;max-width:none!important;margin:0!important} /* ===== Site header and footer (Avada Layout Sections, redesign pages only) ===== */ body.tq-site .fusion-tb-header,body.tq-site .fusion-tb-footer{padding:0!important;margin:0!important;background:none!important;border:0!important} #wrapper .tqx.tqx-chrome{background:transparent} /* The board's header is sticky inside the page; in Avada it lives in its own wrapper, so it is fixed to the viewport instead (same look and behaviour). */ #wrapper .tqx .hd{position:fixed;left:0;right:0;top:0;margin-bottom:0} body.admin-bar #wrapper .tqx .hd,body.admin-bar #wrapper .tqx .mob{top:32px} @media (max-width:782px){body.admin-bar #wrapper .tqx .hd,body.admin-bar #wrapper .tqx .mob{top:46px}} @media (max-width:600px){body.admin-bar #wrapper .tqx .hd{top:0}} #wrapper .tqx .mega[hidden],#wrapper .tqx .mob[hidden],#wrapper .tqx .mob-sub[hidden]{display:none!important} html.tq-mob-open{overflow:hidden} #wrapper .tqx .hd-chev:focus-visible,#wrapper .tqx .hd-link:focus-visible,#wrapper .tqx .mega-item:focus-visible,#wrapper .tqx .mob-exp:focus-visible,#wrapper .tqx .mob-close:focus-visible,#wrapper .tqx .hd-burger:focus-visible{outline:2px solid #5bbad6;outline-offset:2px} body.tq-site .fusion-tb-header .fusion-fullwidth,body.tq-site .fusion-tb-header .fusion-builder-row{z-index:1000!important} body.tq-site .fusion-tb-footer .fusion-footer-widget-area{padding:0!important;margin:0!important;background:none!important;border:0!important} #wrapper .tqx .mob{overflow-x:hidden} /* Avada's responsive typography rescales every h1-h6 below 1000px. Inside the redesign markup the board's own sizes apply, so neutralise the rescale. */ #wrapper .tqx{--typography_sensitivity:0} /* Home assessment section: on phones the sample report panel stacks below the copy (no overlap). */ @media (max-width:600px){ #wrapper .tqx .as-art{aspect-ratio:auto;max-width:none;width:100%;padding:24px 0} #wrapper .tqx .as-panel{position:relative;left:auto;top:auto;transform:none;width:100%;margin:0 auto;box-sizing:border-box} } /* Avada's back-to-top button is not part of the redesign. */ body.tq-site .to-top-container,body.tq-site #toTop{display:none!important} /* Phone menu: the Services toggle shows a minus when open (not a second ×). */ #wrapper .tqx .mob-exp[aria-expanded="true"] svg{transform:none} #wrapper .tqx .mob-exp[aria-expanded="true"] .mob-exp-v{display:none} /* ===== AI Readiness Assessment: Gravity Form 3 styled as the board's order form ===== */ #wrapper .tqx .tq-gf-order .gform_wrapper{counter-reset:tqstep} #wrapper .tqx .tq-gf-order .gform_wrapper .gform_fields{display:block!important;margin:0!important;padding:0!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield{margin:0!important;padding:8px 30px!important;background:#ffffff!important;border:1px solid #e1e8ec!important;border-top:0!important;border-bottom:0!important;max-width:none!important;width:auto!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield.gfield_visibility_hidden,#wrapper .tqx .tq-gf-order .gform_wrapper .gfield.gform_hidden,#wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-honeypot{display:none!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gsection{margin:20px 0 0!important;padding:30px 30px 12px!important;border-top:1px solid #e1e8ec!important;border-radius:20px 20px 0 0;border-bottom:0!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gsection:first-child,#wrapper .tqx .tq-gf-order .gform_wrapper .gform_fields>.gsection:first-of-type{margin-top:0!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield:has(+ .gsection),#wrapper .tqx .tq-gf-order .gform_wrapper .gfield:has(+ .gfield.gfield_visibility_hidden + .gsection),#wrapper .tqx .tq-gf-order .gform_wrapper .gform_fields>.gfield:last-child{border-bottom:1px solid #e1e8ec!important;border-radius:0 0 20px 20px;padding-bottom:30px!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gsection_title{counter-increment:tqstep;display:flex;align-items:center;gap:12px;margin:0!important;padding:0!important;font-family:'TQ Montserrat','Montserrat',sans-serif!important;font-weight:800!important;font-size:20px!important;line-height:1.3!important;color:#1d2533!important;letter-spacing:0!important;text-transform:none!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gsection_title::before{content:counter(tqstep,decimal-leading-zero);font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-size:12px;font-weight:400;letter-spacing:.16em;color:#5bbad6} #wrapper .tqx .tq-gf-order .gform_wrapper .gsection_description,#wrapper .tqx .tq-gf-order .gform_wrapper .gfield_description{font-family:'TQ Lato','Lato',sans-serif!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;color:#7b8a93!important;padding:6px 0 0!important;margin:0!important;line-height:1.5!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield_label,#wrapper .tqx .tq-gf-order .gform_wrapper legend.gfield_label{display:block;margin:0 0 7px!important;padding:0!important;font-family:'TQ Plex Mono','IBM Plex Mono',monospace!important;font-size:11px!important;font-weight:400!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#55626b!important;line-height:1.5!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield_required_text{font-size:0!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield_required_text::after{content:' *';font-size:11px;color:#55626b} /* Radio questions (pages, products, locations, store): compact choice pills */ #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-radio .gfield_radio{display:flex!important;flex-wrap:wrap;gap:8px} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-radio .gchoice{position:relative;display:flex;align-items:center;gap:8px;margin:0!important;padding:10px 14px!important;border:1px solid #d3dee4;border-radius:10px;background:#fbfdfe;cursor:pointer} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-radio .gchoice:has(input:checked){border-color:#5bbad6;box-shadow:0 0 0 4px rgba(91,186,214,.16);background:#ffffff} #wrapper .tqx .tq-gf-order .gform_wrapper .gchoice input[type=radio],#wrapper .tqx .tq-gf-order .gform_wrapper .gchoice input[type=checkbox]{width:18px!important;height:18px!important;margin:0!important;accent-color:#5bbad6;flex:none} #wrapper .tqx .tq-gf-order .gform_wrapper .gchoice label{margin:0!important;padding:0!important;font-family:'TQ Lato','Lato',sans-serif!important;font-size:15px!important;letter-spacing:0!important;text-transform:none!important;color:#1d2533!important;cursor:pointer;max-width:none!important;width:auto!important} /* Package picker: the board's 2 x 2 package cards */ #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-product .gfield_radio{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-product .gchoice{position:relative;display:block;margin:0!important;padding:0!important;border:0;background:none;box-shadow:none} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-product .gchoice input{position:absolute;left:16px;top:20px;z-index:1} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-product .gchoice label{display:grid!important;grid-template-columns:1fr auto;gap:4px 12px;padding:18px 18px 18px 46px!important;border:1px solid #d3dee4;border-radius:14px;background:#fbfdfe;transition:border-color .2s,box-shadow .2s;height:100%} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-product .gchoice:has(input:checked) label{border-color:#5bbad6;box-shadow:0 0 0 4px rgba(91,186,214,.16);background:#ffffff} #wrapper .tqx .tq-gf-order .pp-name{font-family:'TQ Montserrat','Montserrat',sans-serif;font-weight:800;font-size:16px;color:#1d2533} #wrapper .tqx .tq-gf-order .pp-price{font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-size:14px;color:#1d2533} #wrapper .tqx .tq-gf-order .pp-scope{grid-column:1/-1;font-size:13px;line-height:1.5;color:#55626b} @media (max-width:760px){#wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-product .gfield_radio{grid-template-columns:minmax(0,1fr)}#wrapper .tqx .tq-gf-order .gform_wrapper .gfield{padding-left:22px!important;padding-right:22px!important}#wrapper .tqx .tq-gf-order .gform_wrapper .gsection{padding:22px 22px 10px!important}} /* Agreements: the board's checkbox rows */ #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-checkbox .gchoice{display:flex;gap:12px;align-items:flex-start;margin:0!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-checkbox .gchoice input{margin-top:4px!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-checkbox .gchoice label{font-size:15px!important;line-height:1.55!important;color:#41505a!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-checkbox .gchoice label a{color:#5bbad6} /* Coupon: field + Apply button in one row */ #wrapper .tqx .tq-gf-order .gform_wrapper .ginput_container_coupon{display:flex;gap:12px;align-items:stretch} #wrapper .tqx .tq-gf-order .gform_wrapper #gf_coupon_button{flex:none;width:auto!important;background:transparent!important;color:#1d2533!important;font-family:'TQ Montserrat','Montserrat',sans-serif!important;font-weight:800!important;font-size:14px!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:0 26px!important;border-radius:6px!important;border:1.5px solid #1d2533!important;cursor:pointer;box-shadow:none!important} #wrapper .tqx .tq-gf-order .gform_wrapper #gf_coupon_button:not([disabled]):hover{border-color:#5bbad6!important} #wrapper .tqx .tq-gf-order .gform_wrapper #gf_coupon_button[disabled]{opacity:.45;cursor:default} /* Total: shown in the summary card, so the form's own total line stays quiet */ #wrapper .tqx .tq-gf-order .gform_wrapper .ginput_total{border:0!important;background:none!important;padding:0!important;font-family:'TQ Montserrat','Montserrat',sans-serif!important;font-weight:800!important;font-size:22px!important;color:#1d2533!important} /* Stripe card field: the board's dashed payment box */ #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-stripe_creditcard .ginput_container{padding:18px;border:1px dashed #c4d3da;border-radius:12px;background:#ffffff} /* The summary card's button submits the form; the form's own button stays for no-JS visitors */ html.tq-js #wrapper .tqx .tq-gf-order .gform_wrapper .gform_footer{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #wrapper .tqx .tq-gf-order .gform_wrapper .gform_footer button,#wrapper .tqx .tq-gf-order .gform_wrapper .gform_footer input[type=submit]{background:#e83e8c!important} #wrapper .tqx .tq-gf-order .gform_wrapper .gform_validation_errors{margin:0 0 16px!important;border-radius:12px} #wrapper .tqx .tq-gf-order .gform_wrapper textarea{min-height:0!important;height:92px!important} /* AI order form: Total line hidden on this page only (still calculated by Gravity Forms) */ #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-total{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;padding:0!important;margin:0!important;border:0!important} #wrapper .tqx .tq-gf-order .gform_wrapper input::placeholder,#wrapper .tqx .tq-gf-order .gform_wrapper textarea::placeholder{color:#8b98a0;opacity:1} /* Sample report header: keep "4 C's" on one line */ #wrapper .tqx .as-panel>div:first-child>span:last-child{white-space:nowrap;flex:none} /* ===== Gravity Forms with modern markup (Pay It Forward application, form 5), styled like the board's form ===== */ #wrapper .tqx .tq-gf-m .gform_wrapper .gform_fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:0!important;padding:0!important} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield{grid-column:1/-1!important;margin:0!important;padding:0!important;max-width:none!important;width:auto!important;border:0!important;background:none!important;min-width:0} #wrapper .tqx .tq-gf-m .gform_wrapper #field_5_1,#wrapper .tqx .tq-gf-m .gform_wrapper #field_5_2,#wrapper .tqx .tq-gf-m .gform_wrapper #field_5_3,#wrapper .tqx .tq-gf-m .gform_wrapper #field_5_4,#wrapper .tqx .tq-gf-m .gform_wrapper #field_5_5,#wrapper .tqx .tq-gf-m .gform_wrapper #field_5_6{grid-column:auto!important} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield.gfield_visibility_hidden,#wrapper .tqx .tq-gf-m .gform_wrapper .gfield.gform_hidden,#wrapper .tqx .tq-gf-m .gform_wrapper .gfield--type-honeypot{display:none!important} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield_label,#wrapper .tqx .tq-gf-m .gform_wrapper legend.gfield_label{display:block;margin:0 0 7px!important;padding:0!important;font-family:'TQ Plex Mono','IBM Plex Mono',monospace!important;font-size:11px!important;font-weight:400!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#55626b!important;line-height:1.5!important} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield_required_text{font-size:0!important} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield_required_text::after{content:' *';font-size:11px;color:#55626b} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield_description{margin:7px 0 0!important;padding:0!important;font-family:'TQ Lato','Lato',sans-serif!important;font-size:13px!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;color:#7b8a93!important} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield--type-radio .gfield_radio{display:flex!important;flex-wrap:wrap;gap:8px} #wrapper .tqx .tq-gf-m .gform_wrapper .gchoice{display:flex;align-items:flex-start;gap:12px;margin:0!important} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield--type-radio .gchoice{align-items:center;gap:8px;padding:12px 14px!important;border:1px solid #d3dee4;border-radius:10px;background:#fbfdfe;cursor:pointer} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield--type-radio .gchoice:has(input:checked){border-color:#5bbad6;box-shadow:0 0 0 4px rgba(91,186,214,.16);background:#ffffff} #wrapper .tqx .tq-gf-m .gform_wrapper .gchoice input[type=radio],#wrapper .tqx .tq-gf-m .gform_wrapper .gchoice input[type=checkbox]{width:18px!important;height:18px!important;margin:4px 0 0!important;accent-color:#5bbad6;flex:none} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield--type-radio .gchoice input[type=radio]{margin:0!important} #wrapper .tqx .tq-gf-m .gform_wrapper .gchoice label{margin:0!important;padding:0!important;max-width:none!important;font-family:'TQ Lato','Lato',sans-serif!important;font-size:15px!important;line-height:1.55!important;letter-spacing:0!important;text-transform:none!important;color:#41505a!important;cursor:pointer} #wrapper .tqx .tq-gf-m .gform_wrapper .gfield--type-radio .gchoice label{color:#1d2533!important} #wrapper .tqx .tq-gf-m .gform_wrapper .gform_footer{margin:20px 0 0!important;padding:0!important} #wrapper .tqx .tq-gf-m .gform_wrapper .gform_footer input[type=submit],#wrapper .tqx .tq-gf-m .gform_wrapper .gform_footer button{padding:18px 28px!important;border-radius:6px!important;line-height:1.2!important;min-height:0!important;cursor:pointer} #wrapper .tqx .tq-gf-m .gform_wrapper textarea{min-height:0!important;height:118px!important} #wrapper .tqx .tq-gf-m .gform_wrapper input::placeholder,#wrapper .tqx .tq-gf-m .gform_wrapper textarea::placeholder{color:#8b98a0;opacity:1} #wrapper .tqx .tq-gf-m .gform_wrapper .gform_validation_errors{margin:0 0 16px!important;border-radius:12px} @media (max-width:600px){#wrapper .tqx .tq-gf-m .gform_wrapper .gform_fields{grid-template-columns:minmax(0,1fr)!important}#wrapper .tqx .tq-gf-m .gform_wrapper .gfield{grid-column:1/-1!important}} /* In-text links are underlined on the boards (browser default); Avada removes it */ #wrapper .tqx p:not(.crumb) a:not([class]){text-decoration:underline;text-underline-offset:2px} /* Pay It Forward form: the board shows the checkbox without a field label (kept for screen readers) */ #wrapper .tqx .tq-gf-m .gform_wrapper .gfield--type-checkbox > .gfield_label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important} /* AI order form: Stripe card-only field (Card Element), styled like the board's dashed Stripe box */ #wrapper .tqx .tq-gf-order .gform_wrapper .gfield--type-stripe_creditcard > .gfield_label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important} #wrapper .tqx .tq-gf-order .gform_wrapper .ginput_container_creditcard{display:flex!important;flex-direction:column;gap:14px;margin:0!important} #wrapper .tqx .tq-gf-order .gform_wrapper .ginput_container_creditcard::before{content:'Secure card payment by Stripe';font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;color:#41505a;line-height:1.5} #wrapper .tqx .tq-gf-order .gform_wrapper .ginput_container_creditcard > .ginput_full{display:flex;flex-direction:column;gap:6px;width:100%!important;max-width:none!important;margin:0!important;padding:0!important} #wrapper .tqx .tq-gf-order .gform_wrapper .StripeElement{display:block;box-sizing:border-box;width:100%;padding:15px!important;border:1px solid #d3dee4!important;border-radius:10px!important;background:#fbfdfe!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s} #wrapper .tqx .tq-gf-order .gform_wrapper .StripeElement--focus{border-color:#5bbad6!important;box-shadow:0 0 0 4px rgba(91,186,214,.18)!important} #wrapper .tqx .tq-gf-order .gform_wrapper .StripeElement--invalid{border-color:#e83e8c!important} #wrapper .tqx .tq-gf-order .gform_wrapper .ginput_container_creditcard .gform-field-label--type-sub{order:2;margin:0!important;padding:0!important;font-family:'TQ Plex Mono','IBM Plex Mono',monospace!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#8fa1ab!important} /* Phones: rows of three or four step/text columns stack into one column (Stacy's decision, Nov 7) */ @media (max-width:600px){#wrapper .tqx .steps,#wrapper .tqx .grid3,#wrapper .tqx .grid4{grid-template-columns:minmax(0,1fr)!important}} /* ===== Blog: Avada Blog elements redrawn as the board's cards (see initBlog in tq-v2.js) ===== */ #wrapper .tqx-sec.tq-blog{background:#f4f7f9!important;color:#55626b} #wrapper .tqx-sec.tq-blog .tqx{background:transparent} #wrapper .tqx-sec.tq-blog .tq-blog-col > .fusion-column-wrapper{box-sizing:content-box!important;max-width:1240px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;padding:112px 32px!important;display:block!important} #wrapper .tqx-sec.tq-blog .tq-blog-col{width:100%!important;max-width:none!important} @media (max-width:760px){#wrapper .tqx-sec.tq-blog .tq-blog-col > .fusion-column-wrapper{padding:84px 22px!important}} html.tq-js #wrapper .tq-blog .tq-blog-src{display:none!important} #wrapper .tqx .tq-post[hidden]{display:none!important} #wrapper .tqx .tq-post-img{position:relative;overflow:hidden} #wrapper .tqx .tq-post-img img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover} #wrapper .tqx .tq-chips .chip{font:inherit;font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;line-height:1.4;text-transform:none} #wrapper .tqx .tq-chips .chip:focus-visible{outline:2px solid #5bbad6;outline-offset:2px} /* Blog: on phones show the whole featured image (its labels sit near the edges) */ @media (max-width:600px){#wrapper .tqx .tq-posts-featured .tq-post-img{min-height:0!important;aspect-ratio:16/9;flex-basis:auto!important;width:100%}} /* Blog: when a card crops its image, keep the left side (title and logo) in view */ #wrapper .tqx .tq-post-img img{object-position:left center} /* ===== Phone and tablet menu (Stacy's decision, Nov 8; doc Section 4) ===== */ #wrapper .tqx .mob{background:radial-gradient(640px 520px at 0% 0%,rgba(91,186,214,.22),rgba(91,186,214,0) 70%),#141a26;padding:0;overflow:hidden} #wrapper .tqx .mob-scroll{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:88px 28px 48px} #wrapper .tqx .mob-close{z-index:2;border:1px solid rgba(91,186,214,.7)} #wrapper .tqx .mob-close:hover{border-color:#5bbad6} #wrapper .tqx .mob-knot{position:absolute;right:-20%;bottom:-6%;width:90%;height:auto;opacity:.15;pointer-events:none;overflow:visible} #wrapper .tqx .mob-nav a{border-bottom-color:rgba(91,186,214,.15)} #wrapper .tqx .mob-nav a.mob-svc{border-bottom:0;padding-bottom:10px} #wrapper .tqx .mob-sub{display:flex;flex-direction:column;padding:0 0 18px 34px;border-bottom:1px solid rgba(91,186,214,.15)} #wrapper .tqx .mob-nav .mob-sub a{display:block;padding:8px 0 8px 16px;border:0;border-left:1px solid rgba(91,186,214,.45);font-family:'TQ Lato','Lato',sans-serif;font-weight:600;font-size:16px;line-height:1.35;color:rgba(255,255,255,.75)} #wrapper .tqx .mob-nav .mob-sub a:hover,#wrapper .tqx .mob-nav .mob-sub a:focus-visible{color:#ffffff} #wrapper .tqx .mob-nav .mob-sub a.mob-all{padding-top:12px;font-family:'TQ Plex Mono','IBM Plex Mono',monospace;font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5bbad6} #wrapper .tqx .mob .hd-book:hover,#wrapper .tqx .mob .hd-book:focus-visible{color:#ffffff!important} #wrapper .tqx .mob-scroll{scrollbar-width:thin;scrollbar-color:rgba(91,186,214,.35) transparent} #wrapper .tqx .mob-scroll::-webkit-scrollbar{width:6px} #wrapper .tqx .mob-scroll::-webkit-scrollbar-thumb{background:rgba(91,186,214,.35);border-radius:3px} #wrapper .tqx .mob-scroll::-webkit-scrollbar-track{background:transparent} /* Launch: pages without the redesign's dark hero (posts, Privacy, Terms, Opt-out, 404) get a solid navy header that sits above the content instead of over it. */ body.tq-site:not(.tq-v2) #wrapper .tqx .hd{margin-bottom:0;background:#141a26} /* Complianz documents (Opt-out preferences, Privacy and Cookie statements): headings were inheriting Avada's near-white H2 colour. Use the site's navy text colour. */ body.tq-site .cmplz-document h2,body.tq-site .cmplz-document h3,body.tq-site .cmplz-document h4{color:#1d2533 !important}