/* legal pages (terms-conditions.php): document-style layout for the CMS content in page 97 */
main.tc-page{--tc-ink: #14213d; --tc-body: #4b5568; --tc-muted: #6b7488; --tc-blue: #0b75d6; --tc-purple: #6a4fe0; --tc-purple-wash: #f4f1ff; --tc-purple-line: #e4ddff;
    --tc-grey: #f6f7fa; --tc-rule: #e7ebf2; --tc-side: max(24px, calc((100% - 1240px) / 2));
    background: #fff; color: var(--tc-body); counter-reset: tc;}
main.tc-page a{color: var(--tc-blue); text-decoration: underline; text-decoration-color: rgba(11,117,214,.35); text-underline-offset: 3px;}
main.tc-page a:hover{text-decoration-color: currentColor;}

/* hero */
main.tc-page .tc-hero{padding: 40px var(--tc-side) 52px; background: var(--tc-grey); border-bottom: 1px solid var(--tc-rule);}
main.tc-page .tc-breadcrumb{margin: 0 0 32px; color: var(--tc-muted); font-size: 13.5px;}
main.tc-page .tc-breadcrumb a{color: var(--tc-muted); text-decoration: none;}
main.tc-page .tc-breadcrumb a:hover{color: var(--tc-blue);}
main.tc-page .tc-breadcrumb span{margin: 0 6px; color: #b3bac8;}
main.tc-page .tc-label{display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 10px; border: 1px solid var(--tc-purple-line); border-radius: 8px; background: var(--tc-purple-wash);
    color: var(--tc-purple); font-size: 12.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;}
main.tc-page .tc-label::before{content: ''; width: 15px; height: 15px; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E") center / contain no-repeat;}
main.tc-page .tc-title{margin: 18px 0 16px; color: var(--tc-ink); font-size: 48px; line-height: 1.12; font-weight: 700; letter-spacing: -0.02em;}
main.tc-page .tc-lead{max-width: 780px; margin: 0 0 14px; color: var(--tc-body); font-size: 18px; line-height: 1.7;}
main.tc-page .tc-owner{max-width: 780px; margin: 0 0 22px; padding-left: 14px; border-left: 3px solid var(--tc-purple); color: var(--tc-ink); font-size: 16px; line-height: 1.6; font-weight: 600;}
main.tc-page .tc-updated{display: inline-block; margin: 0; padding: 5px 12px; border: 1px solid var(--tc-rule); border-radius: 999px; background: #fff; color: var(--tc-muted); font-size: 13.5px;}

/* important notice */
main.tc-page .tc-intro{position: relative; max-width: 1240px; margin: 48px auto 0; margin-left: var(--tc-side); margin-right: var(--tc-side); padding: 28px 32px 26px 76px;
    border: 1px solid var(--tc-purple-line); border-radius: 16px; background: var(--tc-purple-wash);}
main.tc-page .tc-intro::before{content: ''; position: absolute; left: 28px; top: 30px; width: 28px; height: 28px; border-radius: 50%; background: var(--tc-purple);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-6h2zm0-8h-2V7h2z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-6h2zm0-8h-2V7h2z'/%3E%3C/svg%3E") center / contain no-repeat;}
main.tc-page .tc-intro-title{margin: 0 0 12px; color: var(--tc-ink); font-size: 21px; line-height: 1.35; font-weight: 700;}
main.tc-page .tc-intro p{margin: 0 0 10px; color: var(--tc-body); font-size: 16px; line-height: 1.7;}
main.tc-page .tc-intro p:last-child{margin-bottom: 0;}

/* layout: 25% navigation / 75% content */
main.tc-page .tc-layout{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 64px; margin: 56px var(--tc-side) 0; align-items: start;}
main.tc-page .tc-toc{position: sticky; top: 108px; max-height: calc(100vh - 120px); overflow-y: auto; padding-right: 8px;}
main.tc-page .tc-toc-title{margin: 0 0 12px; color: var(--tc-muted); font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;}
main.tc-page .tc-toc ol, main.tc-page .tc-jump ol{margin: 0; padding: 0; list-style: none; counter-reset: toc;}
main.tc-page .tc-toc li, main.tc-page .tc-jump li{counter-increment: toc;}
main.tc-page .tc-toc a{display: flex; gap: 10px; padding: 7px 0 7px 14px; border-left: 2px solid var(--tc-rule); color: var(--tc-body); font-size: 14.5px; line-height: 1.4; text-decoration: none; transition: color .2s ease, border-color .2s ease;}
main.tc-page .tc-toc a::before, main.tc-page .tc-jump a::before{content: counter(toc, decimal-leading-zero); flex: 0 0 auto; color: #a3abbb; font-size: 12.5px; font-variant-numeric: tabular-nums; padding-top: 1px;}
main.tc-page .tc-toc a:hover{color: var(--tc-ink); border-left-color: #c8cfdb;}
main.tc-page .tc-toc a.is-active{color: var(--tc-ink); font-weight: 600; border-left-color: var(--tc-purple);}
main.tc-page .tc-toc a.is-active::before{color: var(--tc-purple);}
main.tc-page .tc-jump{display: none;}

/* sections */
main.tc-page .tc-content{max-width: 800px; min-width: 0;}
main.tc-page .tc-section{counter-increment: tc; scroll-margin-top: 118px; margin: 0 0 44px; padding: 0 0 44px; border-bottom: 1px solid var(--tc-rule);}
main.tc-page .tc-section:last-child{border-bottom: 0; padding-bottom: 0;}
main.tc-page .tc-section h2{margin: 0 0 18px; color: var(--tc-ink); font-size: 28px; line-height: 1.3; font-weight: 700; letter-spacing: -0.01em;}
main.tc-page .tc-section h2::before{content: counter(tc, decimal-leading-zero); display: block; margin-bottom: 8px; color: var(--tc-purple); font-size: 13px; font-weight: 700; letter-spacing: .14em;}
main.tc-page .tc-section h3{margin: 30px 0 10px; color: var(--tc-ink); font-size: 19px; line-height: 1.4; font-weight: 700;}
main.tc-page .tc-section h4{margin: 0 0 10px; color: var(--tc-ink); font-size: 16px; font-weight: 700;}
main.tc-page .tc-section p{margin: 0 0 14px; font-size: 16.5px; line-height: 1.75;}
main.tc-page .tc-list{margin: 4px 0 18px; padding: 0; list-style: none;}
main.tc-page .tc-list li{position: relative; margin: 0 0 8px; padding-left: 28px; font-size: 16px; line-height: 1.7;}
main.tc-page .tc-list li::before{content: ''; position: absolute; left: 6px; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: var(--tc-purple);}
main.tc-page .tc-list--no li::before{left: 2px; top: .38em; width: 16px; height: 16px; border-radius: 0; background: #c2463d;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E") center / contain no-repeat;}

/* acceptable use: numbered groups */
main.tc-page .tc-groups{counter-reset: tcg; margin: 6px 0 18px;}
main.tc-page .tc-group{counter-increment: tcg; position: relative; margin: 0 0 18px; padding: 2px 0 0 44px;}
main.tc-page .tc-group::before{content: counter(tcg); position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px;
    background: var(--tc-purple-wash); color: var(--tc-purple); font-size: 14px; font-weight: 700;}
main.tc-page .tc-group .tc-list{margin-bottom: 0;}
main.tc-page .tc-note{padding: 14px 18px; border-radius: 10px; background: var(--tc-grey); color: var(--tc-ink); font-size: 15.5px !important;}

/* fees: pricing factors panel */
main.tc-page .tc-panel{margin: 18px 0 22px; padding: 22px 24px; border: 1px solid var(--tc-rule); border-radius: 14px; background: var(--tc-grey);}
main.tc-page .tc-panel-title{margin: 0 0 14px !important; color: var(--tc-ink); font-weight: 600;}
main.tc-page .tc-chips{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; margin: 0 0 16px; padding: 0; list-style: none;}
main.tc-page .tc-chips li{position: relative; padding-left: 26px; font-size: 15.5px; line-height: 1.6;}
main.tc-page .tc-chips li::before{content: ''; position: absolute; left: 0; top: .28em; width: 16px; height: 16px; background: var(--tc-purple);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;}
main.tc-page .tc-panel-note{margin: 0 !important; padding-top: 14px; border-top: 1px solid var(--tc-rule); color: var(--tc-ink); font-size: 15.5px !important;}
main.tc-page .tc-panel-note strong{color: var(--tc-purple);}

/* contact */
main.tc-page .tc-contact-card{margin-top: 18px; padding: 24px 26px; border: 1px solid var(--tc-rule); border-radius: 16px; background: #fff; box-shadow: 0 16px 36px -28px rgba(20,33,61,.4);}
main.tc-page .tc-contact-org{margin: 0 0 14px !important; color: var(--tc-body);}
main.tc-page .tc-contact-org strong{color: var(--tc-ink); font-size: 18px;}
main.tc-page .tc-contact-list{margin: 0 0 20px; padding: 0; list-style: none;}
main.tc-page .tc-contact-list li{display: flex; gap: 14px; padding: 8px 0; border-top: 1px solid var(--tc-rule); font-size: 15.5px;}
main.tc-page .tc-contact-list span{flex: 0 0 90px; color: var(--tc-muted);}
main.tc-page .tc-btn{display: inline-flex; align-items: center; padding: 12px 24px; border-radius: 10px; background: var(--tc-blue); color: #fff !important; font-size: 15px; font-weight: 600; text-decoration: none !important; transition: background .2s ease;}
main.tc-page .tc-btn:hover{background: #0a64b8;}
main.tc-page .tc-btn:focus-visible, main.tc-page .tc-toc a:focus-visible{outline: 2px solid var(--tc-blue); outline-offset: 3px;}

/* closing legal note */
main.tc-page .tc-final{margin: 24px var(--tc-side) 80px; padding: 20px 24px; border-radius: 12px; background: var(--tc-grey); border: 1px solid var(--tc-rule);}
main.tc-page .tc-final p{margin: 0; color: var(--tc-muted); font-size: 14.5px; line-height: 1.7;}

@media (max-width: 1199px){
    main.tc-page .tc-layout{gap: 44px;}
}
/* tablets and phones: no sidebar, "Jump to Section" dropdown */
@media (max-width: 991px){
    main.tc-page .tc-layout{grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 40px;}
    main.tc-page .tc-toc{display: none;}
    main.tc-page .tc-jump{display: block; position: sticky; top: 76px; z-index: 5; border: 1px solid var(--tc-rule); border-radius: 12px; background: #fff; box-shadow: 0 10px 24px -18px rgba(20,33,61,.45);}
    main.tc-page .tc-jump summary{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; color: var(--tc-ink); font-size: 15px; font-weight: 600; cursor: pointer; list-style: none;}
    main.tc-page .tc-jump summary::-webkit-details-marker{display: none;}
    main.tc-page .tc-jump summary::after{content: ''; width: 10px; height: 10px; border-right: 2px solid var(--tc-muted); border-bottom: 2px solid var(--tc-muted); transform: rotate(45deg) translateY(-3px); transition: transform .2s ease;}
    main.tc-page .tc-jump[open] summary::after{transform: rotate(225deg) translateY(-3px);}
    main.tc-page .tc-jump ol{max-height: 60vh; overflow-y: auto; padding: 4px 8px 10px; border-top: 1px solid var(--tc-rule);}
    main.tc-page .tc-jump a{display: flex; gap: 10px; padding: 10px; border-radius: 8px; color: var(--tc-body); font-size: 15px; text-decoration: none;}
    main.tc-page .tc-jump a:hover{background: var(--tc-grey); color: var(--tc-ink);}
    main.tc-page .tc-section{scroll-margin-top: 140px;}
    main.tc-page .tc-content{max-width: none;}
}
@media (max-width: 575px){
    main.tc-page{--tc-side: 16px;}
    main.tc-page .tc-hero{padding-top: 28px; padding-bottom: 36px;}
    main.tc-page .tc-breadcrumb{margin-bottom: 22px;}
    main.tc-page .tc-title{font-size: 34px;}
    main.tc-page .tc-lead{font-size: 16.5px;}
    main.tc-page .tc-intro{margin-top: 28px; padding: 22px 20px 20px 20px;}
    main.tc-page .tc-intro::before{position: static; display: block; margin-bottom: 12px;}
    main.tc-page .tc-section h2{font-size: 24px;}
    main.tc-page .tc-section p{font-size: 16px;}
    main.tc-page .tc-section{margin-bottom: 32px; padding-bottom: 32px;}
    main.tc-page .tc-group{padding-left: 38px;}
    main.tc-page .tc-chips{grid-template-columns: minmax(0, 1fr);}
    main.tc-page .tc-panel{padding: 18px;}
    main.tc-page .tc-contact-list li{flex-direction: column; gap: 2px;}
    main.tc-page .tc-final{margin-bottom: 56px;}
}

/* policy summary: key facts panel under the intro (refunds page) */
main.tc-page .tc-summary{margin: 24px var(--tc-side) 0; padding: 24px 28px 26px; border: 1px solid var(--tc-purple-line); border-radius: 16px; background: #fff; box-shadow: 0 18px 40px -32px rgba(20,33,61,.45);}
main.tc-page .tc-summary-title{margin: 0 0 16px; color: var(--tc-ink); font-size: 19px; font-weight: 700;}
main.tc-page .tc-summary-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0;}
main.tc-page .tc-summary-item{padding: 16px 18px; border-radius: 12px; background: var(--tc-purple-wash);}
main.tc-page .tc-summary-item .tc-summary-key{margin: 0 0 6px; color: var(--tc-purple); font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;}
main.tc-page .tc-summary-item .tc-summary-val{margin: 0; color: var(--tc-ink); font-size: 15.5px; line-height: 1.5; font-weight: 600;}
/* numbered steps (refund process) */
main.tc-page .tc-steps{counter-reset: tcs; margin: 8px 0 6px; padding: 0; list-style: none;}
main.tc-page .tc-steps > li{counter-increment: tcs; position: relative; margin: 0; padding: 0 0 22px 52px;}
main.tc-page .tc-steps > li::before{content: counter(tcs); position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%;
    background: var(--tc-purple); color: #fff; font-size: 14px; font-weight: 700; box-shadow: 0 0 0 5px var(--tc-purple-wash);}
main.tc-page .tc-steps > li:not(:last-child)::after{content: ''; position: absolute; left: 16px; top: 42px; bottom: 4px; width: 2px; background: var(--tc-purple-line);}
main.tc-page .tc-steps h3{margin: 4px 0 6px !important; font-size: 17.5px !important;}
main.tc-page .tc-steps p{margin: 0 !important;}
@media (max-width: 991px){ main.tc-page .tc-summary-grid{grid-template-columns: repeat(2, minmax(0, 1fr));} }
@media (max-width: 575px){ main.tc-page .tc-summary{margin-top: 20px; padding: 20px 18px;} main.tc-page .tc-summary-grid{grid-template-columns: minmax(0, 1fr);} main.tc-page .tc-steps > li{padding-left: 46px;} }

/* security page blocks */
main.tc-page .tc-label--shield::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");}
main.tc-page .tc-hero .tc-owner{font-weight: 500; color: var(--tc-body); border-left-color: var(--tc-purple-line);}
main.tc-page .tc-chips--plain{margin: 4px 0 18px;}
main.tc-page .tc-chips--plain li::before{left: 6px; top: .72em; width: 7px; height: 7px; border-radius: 50%; -webkit-mask: none; mask: none;}
main.tc-page .tc-chips--plain li{padding-left: 24px;}
main.tc-page .tc-chips--three{grid-template-columns: repeat(3, minmax(0, 1fr));}
/* numbered process flow */
main.tc-page .tc-flow{counter-reset: tcf; display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 20px; padding: 0; list-style: none;}
main.tc-page .tc-flow li{counter-increment: tcf; display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border: 1px solid var(--tc-purple-line); border-radius: 999px; background: #fff; color: var(--tc-ink); font-size: 15px; font-weight: 600; line-height: 1.3;}
main.tc-page .tc-flow li::before{content: counter(tcf); display: flex; align-items: center; justify-content: center; flex: 0 0 26px; height: 26px; border-radius: 50%; background: var(--tc-purple-wash); color: var(--tc-purple); font-size: 13px; font-weight: 700;}
/* hosting model comparison */
main.tc-page .tc-compare{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 8px 0 18px;}
main.tc-page .tc-compare-col{padding: 22px 22px 8px; border: 1px solid var(--tc-rule); border-radius: 16px; background: #fff;}
main.tc-page .tc-compare-col:first-child{background: var(--tc-grey);}
main.tc-page .tc-compare-col .tc-compare-tag{display: inline-block; margin: 0 0 10px !important; padding: 4px 10px; border-radius: 6px; background: var(--tc-purple-wash); color: var(--tc-purple); font-size: 12px !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;}
main.tc-page .tc-compare-col h3{margin: 0 0 10px !important; font-size: 18px !important;}
main.tc-page .tc-compare-col h4{margin: 14px 0 8px; color: var(--tc-ink); font-size: 15px;}
main.tc-page .tc-compare-col p{font-size: 15.5px !important;}
/* call to action + disclaimer */
main.tc-page .tc-cta-section{border-bottom: 0;}
main.tc-page .tc-cta-section h2::before{display: none;}
main.tc-page .tc-cta{padding: 32px 32px 30px; border: 1px solid var(--tc-purple-line); border-radius: 18px; background: var(--tc-purple-wash);}
main.tc-page .tc-cta p{max-width: 640px;}
main.tc-page .tc-cta-actions{display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0 !important;}
main.tc-page .tc-btn--ghost{border: 1px solid #cdd5e3; background: #fff; color: var(--tc-ink) !important;}
main.tc-page .tc-btn--ghost:hover{background: #fff; border-color: var(--tc-blue); color: var(--tc-blue) !important;}
main.tc-page .tc-disclaimer{padding: 24px 26px 12px !important; border: 1px solid var(--tc-rule) !important; border-radius: 14px; background: var(--tc-grey);}
main.tc-page .tc-disclaimer h2{font-size: 21px !important;}
main.tc-page .tc-disclaimer p{color: var(--tc-muted); font-size: 15px !important; line-height: 1.7 !important;}
@media (max-width: 767px){ main.tc-page .tc-compare{grid-template-columns: minmax(0, 1fr);} main.tc-page .tc-chips--three{grid-template-columns: repeat(2, minmax(0, 1fr));} }
@media (max-width: 575px){ main.tc-page .tc-chips--three{grid-template-columns: minmax(0, 1fr);} main.tc-page .tc-cta{padding: 24px 20px;} main.tc-page .tc-cta-actions .tc-btn{width: 100%; justify-content: center;} main.tc-page .tc-flow li{font-size: 14.5px;} }