button,
hr,
input {
overflow: visible;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
progress,
sub,
sup {
vertical-align: baseline;
}
[type="checkbox"],
[type="radio"],
legend {
box-sizing: border-box;
padding: 0;
}
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: ButtonText dotted 1px;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
[hidden],
template {
display: none;
} html {
box-sizing: border-box;
}
body {
font-size: 16px;
color: rgba(64, 64, 64, 1);
}
body.oxygen-aos-enabled {
overflow-x: hidden;
}
*,
::after,
::before {
box-sizing: inherit;
}
.ct-section-inner-wrap {
margin-left: auto;
margin-right: auto;
height: 100%;
min-height: inherit;
}
.ct-section-with-shape-divider {
position: relative !important;
}
.oxygen-unslider-container:not(.unslider-fade) > ul {
list-style: none;
width: 0px;
}
.oxygen-unslider-container:not(.unslider-fade):not(.unslider-horizontal) > ul > li {
opacity: 0;
}
.oxygen-unslider-container.unslider-fade > ul > li:not(.unslider-active) {
opacity: 0;
}
div.ct-svg-icon > svg,
svg.ct-svg-icon {
height: 1em !important;
fill: currentColor;
}
.ct-columns-inner-wrap {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.ct-column {
float: left !important;
word-break: break-word;
}
svg.ct-svg-icon {
display: inline-block;
width: 1em !important;
}
div.ct-svg-icon {
display: inline-block;
box-sizing: content-box;
border-radius: 50%;
width: auto;
}
div.ct-svg-icon > svg {
width: 1em !important;
display: block;
}
div.ct-fancy-icon {
display: inline-flex;
border-radius: 50%;
}
.ct-fancy-icon > svg {
fill: currentColor;
}
.ct-columns-inner-wrap > .ct-column:first-child {
margin-left: 0 !important;
}
.ct-columns-inner-wrap > .ct-column:last-child {
margin-right: 0 !important;
}
.ct-video {
width: 100%;
}
.ct-video > .oxygen-vsb-responsive-video-wrapper {
position: relative;
}
.ct-video > .oxygen-vsb-responsive-video-wrapper > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.oxy-nav-menu-list {
display: flex;
padding: 0;
margin: 0;
}
.oxy-nav-menu .oxy-nav-menu-list li.menu-item {
list-style-type: none;
display: flex;
flex-direction: column;
}
.oxy-nav-menu .oxy-nav-menu-list li.menu-item a {
text-decoration: none;
border-style: solid;
border-width: 0;
transition-timing-function: ease-in-out;
transition-property: background-color, color, border-color;
border-color: transparent;
}
.oxy-nav-menu .oxy-nav-menu-list li.current-menu-item > a,
.oxy-nav-menu .oxy-nav-menu-list li.menu-item:focus-within > a,
.oxy-nav-menu .oxy-nav-menu-list li.menu-item:hover > a {
border-color: currentColor;
}
.oxy-nav-menu .menu-item,
.oxy-nav-menu .sub-menu {
position: relative;
}
.oxy-nav-menu .menu-item .sub-menu {
padding: 0;
flex-direction: column;
white-space: nowrap;
transition-timing-function: ease-in-out;
transition-property: visibility, opacity;
visibility: hidden;
opacity: 0;
display: flex;
position: absolute;
top: 100%;
}
.oxy-nav-menu .sub-menu .sub-menu,
.oxy-nav-menu.oxy-nav-menu-vertical .sub-menu {
left: 100%;
top: 0;
}
.oxy-nav-menu .menu-item:hover > .sub-menu,
.oxy-nav-menu .menu-item:focus-within > .sub-menu {
visibility: visible;
opacity: 1;
}
.oxy-nav-menu .sub-menu li.menu-item {
flex-direction: column;
}
@keyframes oxy_sticky_header_fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.oxy-sticky-header-fade-in {
animation-name: oxy_sticky_header_fadein;
animation-duration: 0.5s;
animation-iteration-count: 1;
}
.oxy-sticky-header .oxygen-show-in-sticky-only {
display:  none;
}
.oxy-sticky-header.oxy-sticky-header-active .oxygen-show-in-sticky-only {
display: block;
}
.oxy-header-wrapper {
position: relative;
}
.oxy-header-row {
width: 100%;
display: block;
}
.oxy-header-container {
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
}
.oxy-header-center,
.oxy-header-left,
.oxy-header-right {
display: flex;
align-items: center;
}
.oxy-header .oxygen-only-show-in-overlay,
.oxy-video-container {
display: none;
}
.oxy-header-left {
justify-content: flex-start;
}
.oxy-header-center {
flex-grow: 1;
justify-content: center;
}
.oxy-header-right {
justify-content: flex-end;
}
.admin-bar .oxy-sticky-header-active {
top: 32px !important;
}
@media screen and (max-width: 782px) {
.admin-bar .oxy-sticky-header-active {
top: 46px !important;
}
}
@media screen and (max-width: 600px) {
.admin-bar .oxy-sticky-header-active {
top: 0 !important;
}
}
.oxy-video-background {
position: relative;
z-index: 1;
}
.oxy-video-background .oxy-video-container {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: -1;
}
.oxy-video-background .oxy-video-container video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
}
.oxy-video-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.oxy-map iframe {
width: 100%;
height: 100%;
display: block;
}
.unslider .unslider-fade ul li.unslider-active {
position: relative;
}
.oxy-menu-toggle {
cursor: pointer;
display: none;
}
.oxy-nav-menu.oxy-nav-menu-open {
width: 100%;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow: auto;
z-index: 2147483642 !important;
background-color: #fff;
}
.oxy-nav-menu.oxy-nav-menu-open > div:last-child {
max-height: 100%;
overflow: auto;
padding-top: 2em;
padding-bottom: 2em;
width: 100%;
}
.oxy-nav-menu-prevent-overflow {
overflow: hidden;
height: 100%;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-menu-toggle {
display: initial;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list {
flex-direction: column !important;
width: 100%;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list .menu-item a {
text-align: center;
border: 0 !important;
background-color: transparent !important;
justify-content: center;
}
.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-hamburger-wrap {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
}
.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu {
background-color: #fff;
z-index: 2147483641;
}
.oxy-nav-menu.oxy-nav-menu-open .menu-item .sub-menu,
.oxy-nav-menu.oxy-nav-menu-open .menu-item-has-children > a::after {
display: none;
}
.oxy-nav-menu.oxy-nav-menu-open.oxy-nav-menu-responsive-dropdowns
.menu-item
.sub-menu {
display: flex;
position: static;
animation-name: none;
visibility: visible;
opacity: 1;
transition-duration: 0s !important;
}
.oxy-nav-menu.oxy-nav-menu-open a:not([href]) {
display: none;
}
.oxy-nav-menu-hamburger-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.oxy-nav-menu-hamburger {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.oxy-nav-menu-hamburger-line {
border-radius: 2px;
}
.oxy-nav-menu-open .oxy-nav-menu-hamburger {
transform: rotate(45deg);
}
.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line {
display: none;
}
.oxy-nav-menu-open
.oxy-nav-menu-hamburger
.oxy-nav-menu-hamburger-line:first-child {
display: initial;
position: relative;
}
.oxy-nav-menu-open
.oxy-nav-menu-hamburger
.oxy-nav-menu-hamburger-line:last-child {
display: initial;
position: relative;
transform: rotate(90deg);
}
.oxy-nav-menu .menu-item a {
display: flex;
align-items: center;
}
.oxy-nav-menu.oxy-nav-menu-vertical .menu-item a {
flex-direction: row;
}
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow
.menu-item-has-children
> a::after {
width: 0.35em;
height: 0.35em;
margin-left: 0.5em;
border-right: 0.1em solid;
border-top: 0.1em solid;
transform: rotate(135deg);
content: "";
}
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow
.sub-menu
.menu-item-has-children
> a::after,
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow.oxy-nav-menu-vertical
.menu-item-has-children
> a::after {
transform: rotate(45deg);
}
.oxy-social-icons {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.oxy-social-icons a {
line-height: 1;
width: 1em;
height: 1em;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.oxy-social-icons a svg {
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.oxy-soundcloud {
min-width: 300px;
min-height: 120px;
}
.oxy-soundcloud iframe {
width: 100%;
height: 100%;
}
.comment-body .alignleft,
.oxy-stock-content-styles .alignleft {
margin-right: 1em;
float: left;
}
.comment-body .alignright,
.oxy-stock-content-styles .alignright {
margin-left: 1em;
float: right;
}
.comment-body .aligncenter,
.oxy-stock-content-styles .aligncenter {
margin-left: auto;
margin-right: auto;
}
.comment-body img,
.oxy-stock-content-styles img {
max-width: 100%;
}
.oxy-comment-form .comment-reply-title {
margin-bottom: 0.5em;
}
.oxy-comment-form .logged-in-as {
margin-bottom: 1em;
font-size: 0.75em;
}
.oxy-comment-form #submit {
padding: 1em 2em;
background-color: #000;
color: #fff;
cursor: pointer;
margin-top: 0.5em;
border: none;
font-weight: 700;
}
.oxy-comment-form input,
.oxy-comment-form textarea {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
color: gray;
width: 100%;
}
.oxy-comment-form label {
font-weight: 700;
}
.oxy-comment-form .comment-form > p {
margin-top: 0;
margin-bottom: 1em;
}
.oxy-comments h3.comments-title {
margin-bottom: 1em;
}
.oxy-comments ol.children,
.oxy-comments ol.comments-list {
list-style: none;
margin: 0;
padding: 0;
}
.oxy-comments ol.children {
margin-left: 50px;
}
.oxy-comments li.comment .comment-body {
margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
}
.oxy-comments li.comment .comment-body .comment-content {
margin-bottom: 1em;
}
.oxy-comments .comment-meta .comment-author {
display: flex;
flex-direction: row;
align-items: center;
}
.oxy-comments .comment-meta .comment-author .avatar {
max-width: 64px;
max-height: 64px;
margin-right: 0.5em;
}
.oxy-comments .comment-meta .comment-author span.says::before {
content: " ";
white-space: pre;
}
.oxy-progress-bar-overlay-percent,
.oxy-progress-bar-overlay-text {
line-height: 1;
white-space: nowrap;
color: #fff;
}
.oxy-comments .comment-meta .comment-metadata {
font-size: 0.75em;
margin-top: 0.75em;
}
.oxy-comments .comment-meta .edit-link {
margin-left: 0.5em;
}
.oxy-comments .reply {
display: flex;
}
.oxy-comments .reply .comment-reply-link {
font-size: 0.75em;
}
.oxy-comments .comment-meta {
flex-wrap: wrap;
}
.oxy-comments .comment-awaiting-moderation {
flex-basis: 100%;
}
.oxy-login-form p {
display: flex;
flex-direction: column;
}
.oxy-login-form input {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
}
.oxy-login-form input[type="submit"] {
padding: 1em 2em;
background-color: #000;
color: #fff;
cursor: pointer;
border: none;
font-weight: 700;
}
.oxy-search-form input {
padding: 0.5em;
border-radius: 0;
border: 1px solid #000;
}
.oxy-search-form input[type="submit"] {
padding: calc(0.5em + 1px) 1em;
background-color: #000;
color: #fff;
cursor: pointer;
border: none;
}
.oxy-search-form label.screen-reader-text {
display: none;
}
.oxy-icon-box-icon {
display: flex;
flex-shrink: 0;
flex-grow: 0;
}
.oxy-icon-box-content {
flex-grow: 1;
width: 100%;
}
.oxy-icon-box-heading,
.oxy-icon-box-text {
margin: 0;
}
.oxy-icon-box {
display: flex;
align-items: flex-start;
}
.oxy-pricing-box {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
order: 10;
display: flex;
flex-direction: row;
}
.oxy-pricing-box-graphic > img {
max-width: 100%;
display: block;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-title {
order: 20;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
order: 30;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: baseline;
justify-content: center;
}
.oxy-pricing-box-amount {
display: flex;
align-items: baseline;
flex-direction: row;
}
.oxy-pricing-box-currency {
align-self: flex-start;
}
.oxy-pricing-box-amount-decimal {
align-self: baseline;
}
.oxy-pricing-box-term {
margin-left: 0.4em;
}
.oxy-pricing-box-sale-price {
width: 100%;
flex-grow: 0;
flex-shrink: 0;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
order: 40;
}
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
order: 60;
}
@keyframes oxy_progress_bar_width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes oxy_progress_bar_stripes {
from {
background-position: 44px 0;
}
to {
background-position: 0 0;
}
}
.oxy-progress-bar-background,
.oxy-progress-bar-progress {
background-position: top left;
background-attachment: fixed;
background-size: 44px 44px;
}
.oxy-progress-bar {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.oxy-progress-bar-background {
background-color: #d3d3d3;
width: 100%;
}
.oxy-progress-bar-progress {
padding: 20px;
display: flex;
background-color: #a9a9a9;
align-items: center;
}
.oxy-progress-bar-overlay-percent {
margin-left: auto;
padding-left: 1em;
font-size: 0.8em;
}
.oxy-tab,
.oxy-tab-content {
padding: 20px;
}
.oxy-progress-bar-overlay-percent:empty {
display: none;
}
.oxy-superbox {
display: inline-flex;
}
.oxy-superbox-primary,
.oxy-superbox-secondary,
.oxy-tabs-wrapper {
display: flex;
}
.oxy-superbox-wrap {
position: relative;
overflow: hidden;
display: flex;
width: 100%;
}
.oxy-superbox-primary {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.oxy-superbox-secondary {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.oxy-tab {
cursor: pointer;
}
.oxy-tabs-contents-content-hidden {
display: none !important;
}
.oxy-testimonial {
display: flex;
width: 100%;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
display: flex;
flex-direction: column;
}
.oxy-testimonial .oxy-testimonial-photo {
border-radius: 50%;
}
.oxy-testimonial .oxy-testimonial-content-wrap {
display: flex;
flex-direction: column;
order: 2;
}
.oxy-testimonial .oxy-testimonial-author-wrap {
display: flex;
flex-direction: column;
}
.oxy-testimonial .oxy-testimonial-author,
.oxy-testimonial .oxy-testimonial-author-info {
display: flex;
}
.oxy-toggle {
display: flex;
flex-direction: row;
cursor: pointer;
}
.oxy-toggle-content {
align-self: stretch;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.oxy-expand-collapse-icon {
align-self: center;
flex-shrink: 0;
flex-grow: 0;
margin-right: 0.4em;
text-align: initial;
width: 1em;
height: 1em;
position: relative;
display: inline-block;
}
.oxy-expand-collapse-icon::after,
.oxy-expand-collapse-icon::before {
content: "";
background-color: #000;
position: absolute;
width: 1em;
height: 0.16em;
top: calc((1em / 2) - 0.08em);
transition: 0.3s ease-in-out all;
border-radius: 0.03em;
}
.oxy-expand-collapse-icon::after {
transform: rotate(-90deg) scale(0);
}
.oxy-eci-collapsed.oxy-expand-collapse-icon::after {
transform: rotate(-180deg);
}
.oxy-eci-collapsed.oxy-expand-collapse-icon::before {
transform: rotate(-90deg);
}
[data-aos][data-aos=""] {
transition-duration: 0s !important;
}
body.oxy-modal-active {
height: 100vh;
overflow-y: hidden;
position: fixed;
right: 0;
left: 0;
}
.oxy-modal-backdrop {
display: flex;
align-items: center;
justify-content: center;
}
body:not(.oxygen-builder-body) .oxy-modal-backdrop {
display: none;
}
body.oxygen-builder-body .oxy-modal-backdrop {
height: 100vh;
}
.oxy-modal-backdrop.live {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1400;
}
.oxy-modal-backdrop.hidden {
display: none;
}
.oxy-modal-backdrop.left {
flex-direction: column;
align-items: flex-start;
}
.oxy-modal-backdrop.right {
flex-direction: column;
align-items: flex-end;
}
.oxy-modal-backdrop.top {
flex-direction: row;
align-items: flex-start;
}
.oxy-modal-backdrop.bottom {
flex-direction: row;
align-items: flex-end;
}
.oxy-modal-backdrop.upper_left {
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.oxy-modal-backdrop.upper_right {
flex-direction: row;
align-items: flex-start;
justify-content: flex-end;
}
.oxy-modal-backdrop.bottom_left {
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
}
.oxy-modal-backdrop.bottom_right {
flex-direction: row;
align-items: flex-end;
justify-content: flex-end;
}
.oxy-modal-backdrop .ct-modal {
background-color: white;
max-height: 100vh;
overflow-y: auto;
}
div.oxy-dynamic-list div.oxy-product-images.oxy-woo-element {
align-self: stretch;
}
div.oxy-repeater-pages,
div.oxy-repeater-pages-wrap {
display: flex;
}
.oxy-rich-text p:first-child {
margin-block-start: 0;
}
.oxy-rich-text p:last-child {
margin-block-end: 0;
} :-webkit-any(li, div._important),
:is(li, div._important) {
display: list-item;
}
:-webkit-any(table, div._important),
:is(table, div._important){
display: table;
}
:is(thead, div._important),
:-webkit-any(thead, div._important){
display: table-header-group;
}
:is(tr, div._important),
:-webkit-any(tr, div._important) {
display: table-row;
}
:is(tbody, div._important),
:-webkit-any(tbody, div._important) {
display: table-row-group;
}
:is(th, td, div._important),
:-webkit-any(th, td, div._important) {
display: table-cell;
}
:is(caption, div._important),
:-webkit-any(caption, div._important) {
display: table-caption;
}
:is(colgroup, div._important),
:-webkit-any(colgroup, div._important){
display: table-column-group;
}
:is(col, div._important),
:-webkit-any(col, div._important){
display: table-column;
}
:is(tfoot, div._important),
:-webkit-any(tfoot, div._important){
display: table-footer-group;
}.tdc-hero__marquee {
position: relative; overflow: hidden;
border-top: 1px solid color-mix(in oklab, var(--border) 40%, transparent);
border-bottom: 1px solid color-mix(in oklab, var(--border) 40%, transparent);
background: color-mix(in oklab, var(--cream) 30%, transparent);
padding: 24px 0;
}
.tdc-hero__marquee-track { display: flex; white-space: nowrap; width: max-content; }
.tdc-hero__marquee-chunk {
padding-inline: 16px;
font-family: var(--font-script); font-weight: 400; font-style: italic;
font-size: 2.25rem;
color: color-mix(in oklab, var(--rose) 70%, transparent);
}
@media (min-width: 768px) { .tdc-hero__marquee-chunk { font-size: 2rem; } } .tdc-marquee-track { animation: tdc-marquee-slide 42s linear infinite; }
@keyframes tdc-marquee-slide {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
.tdc-marquee-track { animation: none; }
}  .tdc-heading {
position: relative;
margin: 0 0 48px;
text-align: center;
}
@media (min-width: 768px) {
.tdc-heading { margin-bottom: 64px; }
}
.tdc-heading__sparkle {
position: absolute;
pointer-events: none;
} .tdc-heading__sparkle svg {
display: block;
width: 100%;
height: 100%;
} .tdc-heading__sparkle--1 {
top: -16px;
left: calc(50% - 96px);
width: 16px;
height: 16px;
}
.tdc-heading__sparkle--2 {
top: 8px;
left: calc(50% + 96px);
width: 12px;
height: 12px;
animation-delay: 1.5s;
}
.tdc-heading__eyebrow {
margin: 0 0 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.28em;
color: var(--muted-foreground);
}
.tdc-heading__line { display: inline-block; width: 24px; height: 1px; }
.tdc-heading__line--rose  { background: var(--rose); }
.tdc-heading__line--lilac { background: var(--lilac); }
.tdc-heading__title {
margin: 0;
font-family: var(--font-serif);
font-weight: 500;
font-size: 2.25rem;
line-height: 1.2;
letter-spacing: -0.01em;
}
@media (min-width: 768px) {
.tdc-heading__title { font-size: 3rem; }
}
.tdc-heading__accent {
font-family: var(--font-script);
font-weight: 400;
font-style: italic;
font-size: 1.15em;
color: var(--rose);
}
@media (prefers-reduced-motion: reduce) {
.tdc-heading__sparkle { animation: none; }
} .tdc-trust {
border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
border-bottom: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
background: color-mix(in oklab, var(--cream) 50%, transparent);
}
.tdc-trust__inner {
max-width: 1152px;
margin-inline: auto;
padding: 40px 20px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
@media (min-width: 768px) {
.tdc-trust__inner { padding: 56px 20px; }
}
.tdc-trust__item { text-align: center; }
.tdc-trust__value {
margin: 0;
font-family: var(--font-serif);
font-size: 30px;
line-height: 1;
}
@media (min-width: 768px) {
.tdc-trust__value { font-size: 48px; }
}
.tdc-trust__label {
margin: 12px 0 0;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.22em;
color: var(--muted-foreground);
}
@media (min-width: 768px) {
.tdc-trust__label { font-size: 12px; }
} .tdc-how {
max-width: 1152px;
margin-inline: auto;
padding: 80px 20px;
}
@media (min-width: 768px) {
.tdc-how { padding: 112px 20px; }
}
.tdc-how__grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
@media (min-width: 768px) {
.tdc-how__grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
}
.tdc-how__card {
position: relative;
height: 100%;
border-radius: var(--radius-3xl);
border: 1px solid color-mix(in oklab, var(--border) 70%, transparent);
background: var(--card);
padding: 32px;
transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tdc-how__card:hover {
transform: translateY(-4px);
box-shadow: 0 30px 60px -30px oklch(0.35 0.05 20 / 0.25);
} .tdc-how__num-wrap { position: relative; display: inline-block; }
.tdc-how__glow {
position: absolute;
top: -8px;
left: -12px;
width: 56px;
height: 56px;
border-radius: 50%;
background: radial-gradient(circle,
color-mix(in oklab, var(--rose) 45%, transparent) 0%,
transparent 70%);
}
.tdc-how__num {
position: relative;
margin: 0;
font-family: var(--font-serif);
font-size: 48px;
color: color-mix(in oklab, var(--rose) 80%, transparent);
}
@media (min-width: 768px) {
.tdc-how__num { font-size: 60px; }
}
.tdc-how__title {
margin: 20px 0 0;
font-family: var(--font-serif);
font-weight: 500;
font-size: 24px;
}
.tdc-how__text {
margin: 12px 0 0;
font-size: 14px;
line-height: 1.625;
color: var(--muted-foreground);
}
@media (prefers-reduced-motion: reduce) {
.tdc-how__card { transition: none; }
.tdc-how__card:hover { transform: none; }
} .tdc-about {
position: relative;
max-width: 1152px;
margin-inline: auto;
padding: 80px 20px;
}
@media (min-width: 768px) {
.tdc-about { padding: 112px 20px; }
} .tdc-about::before {
content: "";
position: absolute;
z-index: 0;
top: 24px;
left: -120px;
width: 520px;
height: 520px;
border-radius: 50%;
opacity: 0.5;
pointer-events: none;
background-image:
radial-gradient(circle at 35% 35%, color-mix(in oklab, var(--rose) 42%, transparent) 0%, transparent 62%),
radial-gradient(circle at 68% 70%, color-mix(in oklab, var(--lilac) 42%, transparent) 0%, transparent 66%);
}
@media (min-width: 768px) {
.tdc-about::before { width: 640px; height: 640px; left: -160px; }
}
.tdc-about__grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr;
align-items: center;
gap: 48px;
}
@media (min-width: 768px) {
.tdc-about__grid { grid-template-columns: repeat(12, 1fr); gap: 64px; }
.tdc-about__photo-col { grid-column: span 5; }
.tdc-about__content   { grid-column: span 7; }
} .tdc-about__photo-wrap { position: relative; isolation: isolate; } .tdc-about__photo-wrap,
.tdc-about__photo-glow,
.tdc-about__photo {
border-radius: 58% 42% 45% 55% / 42% 52% 48% 58%;
} .tdc-about__photo-wrap::after {
content: "";
position: absolute;
z-index: 2;
inset: 0;
transform: translate(-14px, 14px);
border: 1px solid color-mix(in oklab, var(--rose) 70%, transparent);
border-radius: inherit;
pointer-events: none;
}
.tdc-about__photo-glow {
position: absolute;
inset: -28px;
z-index: 0;
opacity: 0.75;
background-image:
radial-gradient(ellipse at 32% 28%, color-mix(in oklab, var(--rose) 38%, transparent) 0%, transparent 58%),
radial-gradient(ellipse at 70% 74%, color-mix(in oklab, var(--lilac) 38%, transparent) 0%, transparent 62%);
}
.tdc-about__photo {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: auto;
object-fit: cover;
box-shadow: var(--shadow-elegant);
}
.tdc-about__eyebrow {
margin: 0 0 16px;
display: flex;
align-items: center;
gap: 12px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.28em;
color: var(--muted-foreground);
}
.tdc-about__line { display: inline-block; width: 24px; height: 1px; background: var(--rose); }
.tdc-about__title {
margin: 0;
font-family: var(--font-serif);
font-weight: 500;
font-size: 36px;
line-height: 1.25;
}
@media (min-width: 768px) {
.tdc-about__title { font-size: 48px; }
}
.tdc-about__accent {
font-family: var(--font-script);
font-weight: 400;
font-style: italic;
font-size: 1.15em;
color: var(--rose);
}
.tdc-about__text {
margin: 24px 0 0;
font-size: 16px;
line-height: 1.625;
color: var(--muted-foreground);
}
.tdc-about__text + .tdc-about__text { margin-top: 16px; }
.tdc-about__badges { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 12px; } .tdc-about__badge {
position: relative;
border: 1px solid transparent;
border-radius: 9999px;
padding: 9px 18px;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.03em;
color: var(--ink);
background:
linear-gradient(var(--background), var(--background)) padding-box,
linear-gradient(135deg,
color-mix(in oklab, var(--rose) 75%, transparent) 0%,
color-mix(in oklab, var(--lilac) 75%, transparent) 100%) border-box;
box-shadow: 0 6px 18px -12px color-mix(in oklab, var(--rose) 60%, transparent);
transition: transform 400ms cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 400ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tdc-about__badge:hover {
transform: translateY(-2px);
box-shadow:
0 14px 28px -16px color-mix(in oklab, var(--rose) 70%, transparent),
0 4px 12px -8px color-mix(in oklab, var(--lilac) 55%, transparent);
}
@media (prefers-reduced-motion: reduce) {
.tdc-about__badge { transition: none; }
.tdc-about__badge:hover { transform: none; }
} .tdc-reviews {
background: color-mix(in oklab, var(--cream) 40%, transparent);
padding: 80px 0;
}
@media (min-width: 768px) {
.tdc-reviews { padding: 112px 0; }
}
.tdc-reviews__inner { max-width: 1152px; margin-inline: auto; padding: 0 20px; }
.tdc-reviews__grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 768px) {
.tdc-reviews__grid { grid-template-columns: repeat(3, 1fr); }
}
.tdc-reviews__card {
display: flex;
flex-direction: column;
height: 100%;
margin: 0;
border-radius: var(--radius-3xl);
background: var(--card);
padding: 32px;
box-shadow: var(--shadow-soft);
}
.tdc-reviews__mark {
font-family: var(--font-serif);
font-size: 48px;
line-height: 1;
color: var(--rose);
}
.tdc-reviews__quote {
margin: 8px 0 0;
flex: 1;
font-size: 15px;
line-height: 1.625;
color: color-mix(in oklab, var(--ink) 85%, transparent);
}
.tdc-reviews__quote p { margin: 0; }
.tdc-reviews__quote p + p { margin-top: 12px; }
.tdc-reviews__name {
margin: 24px 0 0;
border-top: 1px solid var(--border);
padding-top: 16px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.22em;
color: var(--muted-foreground);
}  .tdc-faq {
max-width: 768px;
margin-inline: auto;
padding: 80px 20px;
}
@media (min-width: 768px) {
.tdc-faq { padding: 112px 20px; }
}
.tdc-faq__item { border-bottom: 1px solid color-mix(in oklab, var(--border) 70%, transparent); }
.tdc-faq__question {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 24px 0;
font-family: var(--font-serif);
font-weight: 500;
font-size: 20px;
line-height: 1.375;
cursor: pointer;
list-style: none;
}
.tdc-faq__question::-webkit-details-marker { display: none; }
@media (min-width: 768px) {
.tdc-faq__question { font-size: 24px; }
} .tdc-faq__question::after {
content: "";
flex-shrink: 0;
width: 9px;
height: 9px;
margin-bottom: 4px;
border-right: 2px solid var(--ink);
border-bottom: 2px solid var(--ink);
transform: rotate(45deg);
transition: transform 300ms ease;
}
details[open] > .tdc-faq__question::after { transform: rotate(225deg); }
.tdc-faq__question:focus-visible {
outline: 2px solid var(--ring);
outline-offset: 4px;
}
.tdc-faq__answer {
padding-bottom: 24px;
font-size: 16px;
line-height: 1.625;
color: var(--muted-foreground);
}
.tdc-faq__answer p { margin: 0; }
.tdc-faq__answer p + p { margin-top: 12px; } .tdc-cta { padding: 0 20px 80px; }
@media (min-width: 768px) {
.tdc-cta { padding: 0 20px 112px; }
}
.tdc-cta__card {
max-width: 1024px;
margin-inline: auto;
overflow: hidden;
border-radius: 40px;
padding: 64px 24px;
text-align: center;
box-shadow: var(--shadow-elegant); background-image: linear-gradient(
135deg,
color-mix(in oklab, var(--rose) 55%, var(--ivory)) 0%,
color-mix(in oklab, var(--lilac) 55%, var(--ivory)) 100%
);
}
@media (min-width: 768px) {
.tdc-cta__card { padding: 96px 64px; }
}
.tdc-cta__eyebrow {
margin: 0 0 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.3em;
color: color-mix(in oklab, var(--ink) 70%, transparent);
}
.tdc-cta__line {
display: inline-block;
width: 32px;
height: 1px;
background: color-mix(in oklab, var(--ink) 30%, transparent);
}
.tdc-cta__title {
margin: 0;
font-family: var(--font-serif);
font-weight: 500;
font-size: 36px;
line-height: 1.25;
color: var(--ink);
}
@media (min-width: 768px) {
.tdc-cta__title { font-size: 60px; }
} .tdc-cta__accent {
font-family: var(--font-script);
font-weight: 400;
font-style: italic;
font-size: 1.15em;
color: var(--ink);
}
.tdc-cta__subtitle {
max-width: 576px;
margin: 24px auto 0;
font-size: 16px;
line-height: 1.625;
color: color-mix(in oklab, var(--ink) 75%, transparent);
}
.tdc-cta__btn {
display: inline-block;
margin-top: 40px;
border-radius: 9999px;
background: var(--ink);
color: var(--ivory);
padding: 16px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
box-shadow: var(--shadow-soft);
transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tdc-cta__btn:hover {
transform: translateY(-2px) scale(1.03);
box-shadow:
0 18px 40px -18px color-mix(in oklab, var(--rose) 80%, transparent),
0 6px 18px -10px color-mix(in oklab, var(--lilac) 60%, transparent);
}
@media (prefers-reduced-motion: reduce) {
.tdc-faq__question::after { transition: none; }
.tdc-cta__btn { transition: none; }
.tdc-cta__btn:hover { transform: none; }
} .tdc-footer {
border-top: 1px solid color-mix(in oklab, var(--border) 70%, transparent);
background: var(--background); padding-bottom: 112px;
}
@media (min-width: 768px) {
.tdc-footer { padding-bottom: 0; }
}
.tdc-footer__inner { max-width: 1152px; margin-inline: auto; padding: 48px 20px; }
.tdc-footer__row { display: flex; flex-direction: column; align-items: center; gap: 32px; }
@media (min-width: 768px) {
.tdc-footer__row { flex-direction: row; justify-content: space-between; }
}
.tdc-footer__brand { text-align: center; }
@media (min-width: 768px) { .tdc-footer__brand { text-align: left; } }
.tdc-footer__logo { margin: 0; font-family: var(--font-serif); font-size: 24px; }
.tdc-footer__logo-italic { font-style: italic; }
.tdc-footer__tagline {
margin: 8px 0 0; font-size: 12px; text-transform: uppercase;
letter-spacing: 0.24em; color: var(--muted-foreground);
}
.tdc-footer__social { display: flex; align-items: center; gap: 16px; }
.tdc-footer__social-link {
display: flex; align-items: center; justify-content: center;
width: 44px; height: 44px; border-radius: 9999px;
border: 1px solid var(--border); color: var(--ink);
transition: border-color 300ms ease, background 300ms ease;
}
.tdc-footer__social-link--instagram:hover {
border-color: var(--rose);
background: color-mix(in oklab, var(--rose-soft) 40%, transparent);
}
.tdc-footer__social-link--telegram:hover {
border-color: var(--lilac);
background: color-mix(in oklab, var(--lilac-soft) 50%, transparent);
}
.tdc-footer__links {
display: flex; flex-wrap: wrap; justify-content: center;
gap: 8px 24px; font-size: 12px;
}
.tdc-footer__links a { color: var(--muted-foreground); text-decoration: none; transition: color 300ms ease; }
.tdc-footer__links a:hover { color: var(--ink); }
.tdc-footer__divider {
margin-top: 40px; height: 1px; opacity: 0.4;
background: linear-gradient(to right, transparent, var(--rose) 30%, var(--lilac) 70%, transparent);
}
.tdc-footer__bottom {
margin-top: 24px; display: flex; flex-direction: column;
align-items: center; gap: 8px; text-align: center;
}
@media (min-width: 768px) {
.tdc-footer__bottom { flex-direction: row; justify-content: space-between; text-align: left; }
}
.tdc-footer__copy {
margin: 0; font-size: 11px; text-transform: uppercase;
letter-spacing: 0.22em; color: var(--muted-foreground);
}
.tdc-footer__credit {
margin: 0; font-size: 10px; letter-spacing: 0.14em;
color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
.tdc-footer__credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; transition: color 300ms ease; }
.tdc-footer__credit a:hover { color: var(--ink); } .fnav-panel {
background: color-mix(in oklab, var(--ivory) 60%, transparent);
backdrop-filter: blur(16px) saturate(140%);
-webkit-backdrop-filter: blur(16px) saturate(140%);
border: 1px solid color-mix(in oklab, var(--rose) 20%, rgba(255,255,255,0.5));
box-shadow: 0 20px 50px -30px rgba(42,37,40,0.25);
} .fnav-desktop { display: none; position: fixed; right: 20px; top: 50%; z-index: 40; transform: translateY(-50%); }
@media (min-width: 768px) { .fnav-desktop { display: block; } }
.fnav-desktop__panel { display: flex; flex-direction: column; gap: 4px; border-radius: 9999px; padding: 12px; }
.fnav-dot { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 12px; border-radius: 9999px; padding: 8px 8px 8px 12px; text-decoration: none; }
.fnav-dot__tooltip {
pointer-events: none; position: absolute; right: 100%; margin-right: 8px; white-space: nowrap;
border-radius: 9999px; padding: 4px 12px; font-size: 12px; color: var(--ink);
background: color-mix(in oklab, var(--ivory) 85%, transparent);
backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
border: 1px solid color-mix(in oklab, var(--rose) 20%, transparent);
opacity: 0; transform: translateX(-4px); transition: opacity .5s, transform .5s;
}
.fnav-dot:hover .fnav-dot__tooltip,
.fnav-dot:focus-visible .fnav-dot__tooltip { opacity: 1; transform: translateX(0); }
.fnav-dot__icon {
position: relative; display: inline-flex; align-items: center; justify-content: center;
width: 16px; height: 16px; border-radius: 9999px;
color: color-mix(in oklab, var(--rose) 65%, var(--ink));
}
.fnav-dot__icon svg { width: 16px; height: 16px; display: block; }
.fnav-dot.is-active:not(.fnav-dot--primary) .fnav-dot__icon {
color: var(--rose);
background: color-mix(in oklab, var(--rose) 25%, transparent);
box-shadow: 0 0 0 5px color-mix(in oklab, var(--rose) 25%, transparent), 0 0 14px color-mix(in oklab, var(--rose) 60%, transparent);
}
.fnav-dot--primary .fnav-dot__icon {
color: var(--lilac);
background: color-mix(in oklab, var(--lilac) 25%, transparent);
box-shadow: 0 0 0 5px color-mix(in oklab, var(--lilac) 25%, transparent), 0 0 14px color-mix(in oklab, var(--lilac) 60%, transparent);
}
@keyframes navPulse { 0%, 100% { transform: scale(1); opacity: .85; } 50% { transform: scale(1.15); opacity: 1; } }
.fnav-dot--pulse .fnav-dot__icon { animation: navPulse 3s ease-in-out infinite; } .fnav-mobile { position: fixed; right: 12px; top: 50%; z-index: 40; transform: translateY(-50%); }
@media (min-width: 768px) { .fnav-mobile { display: none; } }
.fnav-mobile__panel {
display: flex; flex-direction: column; align-items: flex-end; gap: 4px;
border-radius: 22px; padding: 8px 0; width: 44px;
transition: width .5s ease-out;
}
.fnav-mobile__panel.is-preview { width: 190px; }
.fnav-mobile__collapse {
display: flex; height: 32px; width: 100%; align-items: center; justify-content: flex-end;
padding-right: 10px; border: none; background: none; cursor: pointer;
color: color-mix(in oklab, var(--ink) 60%, var(--ivory));
}
.fnav-mobile__item { display: flex; height: 36px; width: 100%; align-items: center; justify-content: flex-end; gap: 12px; padding-right: 10px; text-decoration: none; }
.fnav-mobile__item .fnav-dot__icon { flex-shrink: 0; }
.fnav-mobile__item.is-active:not(.fnav-dot--primary) .fnav-dot__icon {
color: var(--rose);
background: color-mix(in oklab, var(--rose) 25%, transparent);
box-shadow: 0 0 0 5px color-mix(in oklab, var(--rose) 25%, transparent);
}
.fnav-mobile__label {
overflow: hidden; white-space: nowrap; font-size: 12px; color: var(--ink);
opacity: 0; max-width: 0; transition: opacity .5s ease-out, max-width .5s ease-out;
}
.fnav-mobile__panel.is-preview .fnav-mobile__label { opacity: 1; max-width: 130px; }
.fnav-mobile__expand {
display: flex; width: 24px; flex-direction: column; align-items: center; gap: 4px;
border-radius: 9999px; padding: 12px 0; cursor: pointer;
border: 1px solid color-mix(in oklab, var(--rose) 25%, rgba(255,255,255,0.5));
color: var(--rose); background: color-mix(in oklab, var(--ivory) 60%, transparent);
backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%);
}
.fnav-mobile__expand-bar { display: block; width: 2px; height: 56px; border-radius: 9999px; background: color-mix(in oklab, var(--rose) 70%, transparent); } .fnav-mobile [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
.fnav-dot--pulse .fnav-dot__icon { animation: none; }
.fnav-dot__tooltip, .fnav-mobile__panel, .fnav-mobile__label { transition: none; }
} .tdc-aboutpage__hero { position: relative; overflow: hidden; isolation: isolate; }
.tdc-aboutpage__hero-blob {
position: absolute; top: -96px; right: -160px; width: 620px; height: 620px;
border-radius: 50%; opacity: 0.45; pointer-events: none;
background-image:
radial-gradient(circle at 30% 30%, var(--rose) 0%, color-mix(in oklab, var(--rose) 45%, transparent) 30%, transparent 60%),
radial-gradient(circle at 70% 70%, var(--lilac) 0%, color-mix(in oklab, var(--lilac) 45%, transparent) 30%, transparent 65%);
}
.tdc-aboutpage__hero-inner {
position: relative; z-index: 1;
max-width: 1152px; margin-inline: auto; padding: 56px 20px 64px;
display: grid; grid-template-columns: 1fr; align-items: center; gap: 48px;
}
@media (min-width: 768px) {
.tdc-aboutpage__hero-inner { grid-template-columns: 1fr 1fr; padding: 80px 20px 96px; }
}
.tdc-aboutpage__hero-eyebrow { margin: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.28em; color: var(--muted-foreground); }
.tdc-aboutpage__hero-title { margin: 20px 0 0; font-family: var(--font-serif); font-weight: 500; font-size: 36px; line-height: 1.05; letter-spacing: -0.02em; }
@media (min-width: 768px) { .tdc-aboutpage__hero-title { font-size: 60px; } }
.tdc-aboutpage__hero-title-italic { font-style: italic; }
.tdc-aboutpage__hero-script-wrap { position: relative; display: inline-block; margin-top: 16px; }
.tdc-aboutpage__hero-script { margin: 0; font-family: var(--font-script); font-style: italic; font-size: 24px; color: var(--rose); }
@media (min-width: 768px) { .tdc-aboutpage__hero-script { font-size: 30px; } }
.tdc-aboutpage__hero-underline { position: absolute; left: 0; bottom: -8px; height: 12px; width: 100%; }
.tdc-aboutpage__hero-text { margin: 24px 0 0; max-width: 448px; font-size: 14px; line-height: 1.625; color: var(--muted-foreground); }
@media (min-width: 768px) { .tdc-aboutpage__hero-text { font-size: 16px; } }
.tdc-aboutpage__hero-photo-wrap { position: relative; isolation: isolate; margin-inline: auto; width: 100%; max-width: 384px; }
.tdc-aboutpage__hero-photo-outline {
position: absolute; z-index: 1; inset: 0; transform: translate(12px, 12px);
border: 1px solid color-mix(in oklab, var(--rose) 55%, transparent);
border-radius: 42% 58% 55% 45% / 48% 42% 58% 52%;
}
.tdc-aboutpage__hero-photo {
position: relative; z-index: 2; display: block; width: 100%; height: auto;
object-fit: cover; border-radius: 42% 58% 55% 45% / 48% 42% 58% 52%;
}
.tdc-aboutpage__story { border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-aboutpage__story-inner { max-width: 768px; margin-inline: auto; padding: 64px 20px; text-align: center; }
@media (min-width: 768px) { .tdc-aboutpage__story-inner { padding: 96px 20px; } }
.tdc-aboutpage__story-heading { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.tdc-aboutpage__story-title { font-family: var(--font-serif); font-weight: 500; font-size: 30px; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-aboutpage__story-title { font-size: 36px; } }
.tdc-aboutpage__story-divider { margin: 28px auto 0; width: 96px; height: 1px; opacity: 0.6; background: linear-gradient(to right, transparent, var(--rose) 30%, var(--lilac) 70%, transparent); }
.tdc-aboutpage__story-body { margin-top: 32px; text-align: left; font-size: 14px; line-height: 1.9; color: var(--muted-foreground); }
@media (min-width: 768px) { .tdc-aboutpage__story-body { font-size: 16px; } }
.tdc-aboutpage__story-body p { margin: 24px 0 0; }
.tdc-aboutpage__story-body p:first-child { margin-top: 0; }
.tdc-aboutpage__story-dropcap::first-letter { float: left; margin-right: 12px; font-family: var(--font-serif); font-size: 48px; line-height: 0.85; color: var(--ink); }
@media (min-width: 768px) { .tdc-aboutpage__story-dropcap::first-letter { font-size: 60px; } }
.tdc-aboutpage__story-quote {
margin: 32px 0; border-radius: var(--radius-3xl); padding: 24px; text-align: center;
font-family: var(--font-serif); font-style: italic; font-size: 20px; line-height: 1.375;
color: var(--ink); background: color-mix(in oklab, var(--rose) 14%, transparent);
}
@media (min-width: 768px) { .tdc-aboutpage__story-quote { font-size: 24px; } }
.tdc-aboutpage__credentials { border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-aboutpage__credentials-inner { max-width: 1152px; margin-inline: auto; padding: 64px 20px; }
@media (min-width: 768px) { .tdc-aboutpage__credentials-inner { padding: 96px 20px; } }
.tdc-aboutpage__credentials-heading,
.tdc-aboutpage__approach-heading,
.tdc-programs__included-heading { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.tdc-aboutpage__credentials-title,
.tdc-aboutpage__approach-title { font-family: var(--font-serif); font-weight: 500; font-size: 30px; letter-spacing: -0.01em; }
@media (min-width: 768px) {
.tdc-aboutpage__credentials-title,
.tdc-aboutpage__approach-title { font-size: 36px; }
}
.tdc-aboutpage__credentials-accent,
.tdc-aboutpage__approach-accent { font-style: italic; }
.tdc-aboutpage__credentials-subtitle { margin: 16px 0 0; max-width: 576px; font-size: 14px; line-height: 1.625; color: var(--muted-foreground); }
.tdc-aboutpage__credentials-grid { margin-top: 40px; display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 640px) { .tdc-aboutpage__credentials-grid { grid-template-columns: 1fr 1fr; } }
.tdc-aboutpage__credentials-card {
height: 100%; border-radius: var(--radius-3xl);
border: 1px solid color-mix(in oklab, var(--border) 70%, transparent);
padding: 24px; background: color-mix(in oklab, var(--ivory) 70%, transparent);
box-shadow: var(--shadow-soft);
transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tdc-aboutpage__credentials-card:hover { transform: translateY(-4px); }
.tdc-aboutpage__credentials-icon,
.tdc-programs__included-icon {
display: flex; align-items: center; justify-content: center;
width: 40px; height: 40px; border-radius: 50%;
color: var(--ink); background: color-mix(in oklab, var(--rose) 22%, transparent);
}
.tdc-aboutpage__credentials-card-title { margin: 20px 0 0; font-family: var(--font-serif); font-weight: 500; font-size: 20px; }
.tdc-aboutpage__credentials-card-text { margin: 8px 0 0; font-size: 14px; line-height: 1.625; color: var(--muted-foreground); }
.tdc-aboutpage__credentials-bullets { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 8px; font-size: 14px; color: var(--muted-foreground); }
@media (min-width: 640px) { .tdc-aboutpage__credentials-bullets { grid-template-columns: 1fr 1fr; } }
.tdc-aboutpage__credentials-bullet { display: flex; align-items: flex-start; gap: 8px; }
.tdc-aboutpage__credentials-dot { flex-shrink: 0; margin-top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--rose); }
.tdc-aboutpage__approach { border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-aboutpage__approach-inner { max-width: 1152px; margin-inline: auto; padding: 64px 20px; }
@media (min-width: 768px) { .tdc-aboutpage__approach-inner { padding: 96px 20px; } }
.tdc-aboutpage__approach-grid { margin-top: 40px; display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 768px) { .tdc-aboutpage__approach-grid { grid-template-columns: repeat(3, 1fr); } }
.tdc-aboutpage__approach-icon {
display: flex; align-items: center; justify-content: center;
width: 44px; height: 44px; border-radius: 50%;
color: var(--ink); background: color-mix(in oklab, var(--lilac) 22%, transparent);
box-shadow: 0 0 0 6px color-mix(in oklab, var(--lilac) 12%, transparent);
}
.tdc-aboutpage__approach-item-title { margin: 20px 0 0; font-family: var(--font-serif); font-weight: 500; font-size: 20px; }
.tdc-aboutpage__approach-item-text { margin: 8px 0 0; font-size: 14px; line-height: 1.625; color: var(--muted-foreground); }
.tdc-aboutpage__cta { position: relative; overflow: hidden; isolation: isolate; border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-aboutpage__cta-blob {
position: absolute; top: 0; left: 50%; transform: translateX(-50%);
width: 720px; height: 420px; border-radius: 50%; opacity: 0.4; pointer-events: none;
background-image:
radial-gradient(ellipse at 40% 40%, var(--rose) 0%, color-mix(in oklab, var(--rose) 40%, transparent) 30%, transparent 60%),
radial-gradient(ellipse at 60% 60%, var(--lilac) 0%, color-mix(in oklab, var(--lilac) 40%, transparent) 30%, transparent 65%);
}
.tdc-aboutpage__cta-inner { position: relative; z-index: 1; max-width: 672px; margin-inline: auto; padding: 80px 20px; text-align: center; }
@media (min-width: 768px) { .tdc-aboutpage__cta-inner { padding: 112px 20px; } }
.tdc-aboutpage__cta-title { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 30px; line-height: 1.25; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-aboutpage__cta-title { font-size: 48px; } }
.tdc-aboutpage__cta-accent { font-style: italic; }
.tdc-aboutpage__cta-subtitle { max-width: 448px; margin: 20px auto 0; font-size: 14px; line-height: 1.625; color: var(--muted-foreground); }
@media (min-width: 768px) { .tdc-aboutpage__cta-subtitle { font-size: 16px; } }
.tdc-aboutpage__cta-btn {
display: inline-block; margin-top: 36px; border-radius: 9999px; padding: 16px 32px;
font-size: 14px; font-weight: 500; text-decoration: none;
background: var(--ink); color: var(--ivory); box-shadow: var(--shadow-soft);
transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tdc-aboutpage__cta-btn:hover {
transform: translateY(-2px) scale(1.03);
box-shadow: 0 18px 40px -18px color-mix(in oklab, var(--rose) 80%, transparent),
0 6px 18px -10px color-mix(in oklab, var(--lilac) 60%, transparent);
} .tdc-programs__intro { position: relative; overflow: hidden; isolation: isolate; padding: 0 20px 16px; }
.tdc-programs__intro-blob {
position: absolute; top: 0; left: 50%; transform: translateX(-50%);
width: 760px; height: 460px; opacity: 0.6; pointer-events: none;
background: radial-gradient(closest-side,
color-mix(in oklab, var(--rose) 35%, transparent) 0%,
color-mix(in oklab, var(--rose) 15%, transparent) 50%, transparent 80%);
}
.tdc-programs__intro-inner { position: relative; z-index: 1; max-width: 672px; margin-inline: auto; padding-top: 64px; text-align: center; }
@media (min-width: 768px) { .tdc-programs__intro-inner { padding-top: 96px; } }
.tdc-programs__intro-eyebrow { margin: 0 0 20px; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.28em; color: var(--muted-foreground); }
.tdc-programs__intro-line { display: inline-block; width: 24px; height: 1px; }
.tdc-programs__intro-line--rose { background: var(--rose); }
.tdc-programs__intro-line--lilac { background: var(--lilac); }
.tdc-programs__intro-title { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 36px; line-height: 1.08; letter-spacing: -0.02em; }
@media (min-width: 768px) { .tdc-programs__intro-title { font-size: 60px; } }
.tdc-programs__intro-accent { font-family: var(--font-script); font-style: italic; color: var(--rose); font-size: 1.1em; }
.tdc-programs__intro-subtitle { max-width: 576px; margin: 24px auto 0; font-size: 16px; line-height: 1.625; color: var(--muted-foreground); }
.tdc-programs__pricing { padding: 56px 20px; }
@media (min-width: 768px) { .tdc-programs__pricing { padding: 80px 20px; } }
.tdc-programs__pricing-grid { max-width: 1152px; margin-inline: auto; display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 640px) { .tdc-programs__pricing-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 768px) { .tdc-programs__pricing-grid { grid-template-columns: repeat(4, 1fr); } }
.tdc-programs__pricing-card {
position: relative; display: flex; flex-direction: column; height: 100%;
border-radius: var(--radius-3xl); border: 1px solid var(--border); padding: 28px;
background: color-mix(in oklab, var(--ivory) 70%, transparent);
box-shadow: var(--shadow-soft);
transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tdc-programs__pricing-card:hover { transform: translateY(-4px); }
.tdc-programs__pricing-card--popular {
border-color: color-mix(in oklab, var(--rose) 55%, transparent);
background: color-mix(in oklab, var(--rose) 8%, var(--ivory));
box-shadow: 0 30px 70px -50px color-mix(in oklab, var(--rose) 90%, transparent);
}
.tdc-programs__pricing-badge {
position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
white-space: nowrap; border-radius: 9999px; padding: 4px 12px;
font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.16em;
background: var(--rose); color: var(--ivory);
}
.tdc-programs__pricing-image { margin: 0 0 16px; border-radius: var(--radius-2xl); overflow: hidden; }
.tdc-programs__pricing-img { display: block; width: 100%; height: auto; }
.tdc-programs__pricing-days { margin: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.22em; color: var(--muted-foreground); }
.tdc-programs__pricing-title { margin: 12px 0 0; font-family: var(--font-serif); font-weight: 500; font-size: 30px; line-height: 1.25; }
.tdc-programs__pricing-accent { font-family: var(--font-script); font-style: italic; color: var(--rose); font-size: 1.05em; }
.tdc-programs__pricing-price { margin-top: 24px; }
.tdc-programs__pricing-price del { font-size: 12px; color: var(--muted-foreground); }
.tdc-programs__pricing-price ins { text-decoration: none; }
.tdc-programs__pricing-price .woocommerce-Price-amount { font-family: var(--font-serif); font-size: 36px; line-height: 1; color: var(--foreground); }
.tdc-programs__pricing-desc { margin-top: 20px; flex: 1; font-size: 14px; line-height: 1.625; color: var(--muted-foreground); }
.tdc-programs__pricing-desc p { margin: 0; }
.tdc-programs__pricing-btn {
display: block; margin-top: 28px; width: 100%; text-align: center;
border-radius: 9999px; padding: 12px 20px; font-size: 14px; font-weight: 500;
text-decoration: none; background: var(--ink); color: var(--ivory);
transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tdc-programs__pricing-card--popular .tdc-programs__pricing-btn { background: var(--rose); }
.tdc-programs__pricing-btn:hover {
transform: translateY(-2px) scale(1.03);
box-shadow: 0 18px 40px -18px color-mix(in oklab, var(--rose) 80%, transparent),
0 6px 18px -10px color-mix(in oklab, var(--lilac) 60%, transparent);
}
.tdc-programs__pricing-note { max-width: 1152px; margin: 32px auto 0; text-align: center; font-size: 12px; color: var(--muted-foreground); }
.tdc-programs__included {
border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
border-bottom: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
}
.tdc-programs__included-inner { max-width: 960px; margin-inline: auto; padding: 64px 20px; text-align: center; }
@media (min-width: 768px) { .tdc-programs__included-inner { padding: 96px 20px; } }
.tdc-programs__included-title { font-family: var(--font-serif); font-weight: 500; font-size: 30px; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-programs__included-title { font-size: 36px; } }
.tdc-programs__included-accent { font-style: italic; }
.tdc-programs__included-subtitle { max-width: 512px; margin: 16px auto 0; font-size: 14px; line-height: 1.625; color: var(--muted-foreground); }
.tdc-programs__included-grid { margin-top: 40px; display: grid; grid-template-columns: 1fr; gap: 16px; text-align: left; }
@media (min-width: 640px) { .tdc-programs__included-grid { grid-template-columns: 1fr 1fr; } }
.tdc-programs__included-card {
display: flex; align-items: flex-start; gap: 16px; height: 100%;
border-radius: var(--radius-3xl); border: 1px solid color-mix(in oklab, var(--border) 70%, transparent);
padding: 24px; background: color-mix(in oklab, var(--ivory) 70%, transparent);
}
.tdc-programs__included-icon { flex-shrink: 0; }
.tdc-programs__included-card-title { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 20px; line-height: 1.25; }
.tdc-programs__included-card-text { margin: 8px 0 0; font-size: 14px; line-height: 1.625; color: var(--muted-foreground); }
.tdc-programs__included-checklist { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 8px; font-size: 14px; color: var(--muted-foreground); text-align: left; }
@media (min-width: 640px) { .tdc-programs__included-checklist { grid-template-columns: 1fr 1fr; } }
.tdc-programs__check-item { display: flex; align-items: center; gap: 8px; }
.tdc-programs__check-item svg { flex-shrink: 0; color: var(--rose); }
.tdc-programs__reassurance-inner { max-width: 960px; margin-inline: auto; padding: 64px 20px; }
@media (min-width: 768px) { .tdc-programs__reassurance-inner { padding: 96px 20px; } }
.tdc-programs__reassurance-title { margin: 0; text-align: center; font-family: var(--font-serif); font-weight: 500; font-size: 30px; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-programs__reassurance-title { font-size: 36px; } }
.tdc-programs__reassurance-accent { font-style: italic; }
.tdc-programs__reassurance-grid { margin-top: 40px; display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 640px) { .tdc-programs__reassurance-grid { grid-template-columns: 1fr 1fr; } }
.tdc-programs__reassurance-card { height: 100%; border-radius: var(--radius-3xl); border: 1px solid color-mix(in oklab, var(--border) 70%, transparent); padding: 28px; }
.tdc-programs__reassurance-question { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 20px; line-height: 1.375; }
.tdc-programs__reassurance-answer { margin: 12px 0 0; font-size: 14px; line-height: 1.625; color: var(--muted-foreground); }
.tdc-programs__final { padding: 0 20px 80px; }
@media (min-width: 768px) { .tdc-programs__final { padding: 0 20px 112px; } }
.tdc-programs__final-card {
max-width: 1024px; margin-inline: auto; overflow: hidden; border-radius: 40px;
padding: 56px 24px; text-align: center; box-shadow: var(--shadow-elegant);
background-image: linear-gradient(135deg,
color-mix(in oklab, var(--rose) 55%, var(--ivory)) 0%,
color-mix(in oklab, var(--lilac) 55%, var(--ivory)) 100%);
}
@media (min-width: 768px) { .tdc-programs__final-card { padding: 80px 64px; } }
.tdc-programs__final-title { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 30px; line-height: 1.25; color: var(--ink); }
@media (min-width: 768px) { .tdc-programs__final-title { font-size: 48px; } }
.tdc-programs__final-accent { font-family: var(--font-script); font-style: italic; font-size: 1.15em; color: var(--ink); }
.tdc-programs__final-subtitle { max-width: 576px; margin: 20px auto 0; font-size: 16px; line-height: 1.625; color: color-mix(in oklab, var(--ink) 75%, transparent); }
.tdc-programs__final-btn {
display: inline-block; margin-top: 36px; border-radius: 9999px; padding: 16px 32px;
font-size: 14px; font-weight: 500; text-decoration: none;
background: var(--ink); color: var(--ivory); box-shadow: var(--shadow-soft);
transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tdc-programs__final-btn:hover {
transform: translateY(-2px) scale(1.03);
box-shadow: 0 18px 40px -18px color-mix(in oklab, var(--rose) 80%, transparent),
0 6px 18px -10px color-mix(in oklab, var(--lilac) 60%, transparent);
}
@media (prefers-reduced-motion: reduce) {
.tdc-aboutpage__credentials-card,
.tdc-programs__pricing-card,
.tdc-aboutpage__cta-btn,
.tdc-programs__pricing-btn,
.tdc-programs__final-btn { transition: none; }
.tdc-aboutpage__credentials-card:hover,
.tdc-programs__pricing-card:hover,
.tdc-aboutpage__cta-btn:hover,
.tdc-programs__pricing-btn:hover,
.tdc-programs__final-btn:hover { transform: none; }
} .tdc-legal__hero { position: relative; overflow: hidden; isolation: isolate; border-bottom: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-legal__hero-blob {
position: absolute; top: -64px; right: -160px; width: 560px; height: 560px;
border-radius: 50%; opacity: 0.4; pointer-events: none;
background-image:
radial-gradient(circle at 32% 32%, var(--rose) 0%, color-mix(in oklab, var(--rose) 42%, transparent) 30%, transparent 60%),
radial-gradient(circle at 68% 68%, var(--lilac) 0%, color-mix(in oklab, var(--lilac) 42%, transparent) 30%, transparent 65%);
}
.tdc-legal__hero-inner { position: relative; z-index: 1; max-width: 768px; margin-inline: auto; padding: 48px 20px 64px; }
@media (min-width: 768px) { .tdc-legal__hero-inner { padding: 64px 20px 80px; } }
.tdc-legal__back {
display: inline-flex; align-items: center; gap: 8px;
font-size: 12px; text-transform: uppercase; letter-spacing: 0.22em;
text-decoration: none; color: var(--muted-foreground);
transition: color 300ms ease;
}
.tdc-legal__back:hover { color: var(--ink); }
.tdc-legal__eyebrow {
margin: 40px 0 0; display: flex; align-items: center; gap: 12px;
font-size: 12px; text-transform: uppercase; letter-spacing: 0.28em; color: var(--muted-foreground);
}
.tdc-legal__line { display: inline-block; width: 32px; height: 1px; background: var(--rose); }
.tdc-legal__title {
margin: 20px 0 0; font-family: var(--font-serif); font-weight: 500;
font-size: 40px; line-height: 1.1; letter-spacing: -0.02em;
}
@media (min-width: 768px) { .tdc-legal__title { font-size: 56px; } }
.tdc-legal__intro { margin: 24px 0 0; max-width: 640px; font-size: 16px; line-height: 1.7; color: var(--muted-foreground); }
.tdc-legal__updated { margin: 28px 0 0; font-size: 12px; text-transform: uppercase; letter-spacing: 0.22em; color: var(--muted-foreground); }
.tdc-legal__body-wrap { max-width: 768px; margin-inline: auto; padding: 56px 20px 96px; }
@media (min-width: 768px) { .tdc-legal__body-wrap { padding: 80px 20px 128px; } } .tdc-legal__body { counter-reset: tdc-legal; font-size: 16px; line-height: 1.8; color: color-mix(in oklab, var(--ink) 85%, transparent); }
.tdc-legal__body h2 {
counter-increment: tdc-legal;
position: relative; margin: 56px 0 20px; padding-left: 44px;
font-family: var(--font-serif); font-weight: 500; font-size: 28px; line-height: 1.25;
}
.tdc-legal__body h2:first-child { margin-top: 0; }
.tdc-legal__body h2::before {
content: "0" counter(tdc-legal);
position: absolute; left: 0; top: 6px;
font-size: 13px; letter-spacing: 0.1em; color: var(--rose);
}
@media (min-width: 768px) { .tdc-legal__body h2 { font-size: 32px; } }
.tdc-legal__body h3 { margin: 32px 0 12px; font-family: var(--font-serif); font-weight: 500; font-size: 20px; }
.tdc-legal__body p { margin: 16px 0 0; }
.tdc-legal__body ul { margin: 16px 0 0; padding: 0; list-style: none; }
.tdc-legal__body ul li { position: relative; margin: 12px 0 0; padding-left: 24px; }
.tdc-legal__body ul li::before { content: ""; position: absolute; left: 4px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: var(--rose); }
.tdc-legal__body a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--rose); text-underline-offset: 3px; }
.tdc-legal__body strong { font-weight: 600; } .tdc-legal__body ul li { line-height: 1.9; }
.tdc-legal__body code {
display: inline-block;
border-radius: 9999px;
padding: 3px 12px;
font-family: var(--font-sans);
font-size: 0.92em;
color: var(--ink);
background: color-mix(in oklab, var(--lilac) 22%, transparent);
border: 1px solid color-mix(in oklab, var(--lilac) 35%, transparent);
}
.tdc-legal__body a code:hover {
background: color-mix(in oklab, var(--lilac) 32%, transparent);
} .tdc-try__hero { position: relative; overflow: hidden; isolation: isolate; }
.tdc-try__hero-blob {
position: absolute; top: -80px; left: 50%; transform: translateX(-50%);
width: 820px; height: 520px; opacity: 0.55; pointer-events: none;
background: radial-gradient(closest-side,
color-mix(in oklab, var(--rose) 32%, transparent) 0%,
color-mix(in oklab, var(--lilac) 20%, transparent) 55%, transparent 80%);
}
.tdc-try__hero-inner { position: relative; z-index: 1; max-width: 768px; margin-inline: auto; padding: 72px 20px 64px; text-align: center; }
@media (min-width: 768px) { .tdc-try__hero-inner { padding: 112px 20px 80px; } }
.tdc-try__eyebrow { margin: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3em; color: var(--muted-foreground); }
.tdc-try__title { margin: 20px 0 0; font-family: var(--font-serif); font-weight: 500; font-size: 44px; line-height: 1.02; letter-spacing: -0.02em; }
@media (min-width: 768px) { .tdc-try__title { font-size: 72px; } }
.tdc-try__title-accent { font-style: italic; }
.tdc-try__script-wrap { position: relative; display: inline-block; margin-top: 12px; }
.tdc-try__script { margin: 0; font-family: var(--font-script); font-style: italic; font-size: 26px; color: var(--rose); }
@media (min-width: 768px) { .tdc-try__script { font-size: 34px; } }
.tdc-try__underline { position: absolute; left: 0; bottom: -6px; width: 100%; height: 12px; }
.tdc-try__subtitle { max-width: 576px; margin: 28px auto 0; font-size: 16px; line-height: 1.7; color: var(--muted-foreground); }
.tdc-try__demos { border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-try__demos-inner { max-width: 1152px; margin-inline: auto; padding: 64px 20px; }
@media (min-width: 768px) { .tdc-try__demos-inner { padding: 96px 20px; } }
.tdc-try__demos-title { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 32px; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-try__demos-title { font-size: 40px; } }
.tdc-try__accent { font-style: italic; }
.tdc-try__demos-subtitle { margin: 12px 0 0; font-size: 14px; color: var(--muted-foreground); }
.tdc-try__demos-grid { margin-top: 40px; display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 768px) { .tdc-try__demos-grid { grid-template-columns: repeat(3, 1fr); } }
.tdc-try__card {
display: flex; flex-direction: column; height: 100%; overflow: hidden;
border-radius: var(--radius-3xl); border: 1px solid color-mix(in oklab, var(--border) 70%, transparent);
background: color-mix(in oklab, var(--ivory) 70%, transparent); box-shadow: var(--shadow-soft);
}
.tdc-try__video { position: relative; aspect-ratio: 16 / 9; background: var(--ink); }
.tdc-try__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.tdc-try__card-body { padding: 24px; }
.tdc-try__card-meta { display: flex; align-items: center; gap: 12px; margin: 0; }
.tdc-try__card-tag {
border-radius: 9999px; padding: 4px 12px; font-size: 11px; text-transform: uppercase;
letter-spacing: 0.12em; color: var(--ink); background: color-mix(in oklab, var(--rose-soft) 50%, transparent);
}
.tdc-try__card-min { font-size: 11px; text-transform: uppercase; letter-spacing: 0.14em; color: var(--muted-foreground); }
.tdc-try__card-title { margin: 16px 0 0; font-family: var(--font-serif); font-weight: 500; font-size: 22px; line-height: 1.25; }
.tdc-try__card-text { margin: 12px 0 0; font-size: 14px; line-height: 1.625; color: var(--muted-foreground); }
.tdc-try__lib { border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-try__lib-inner { max-width: 1152px; margin-inline: auto; padding: 64px 20px; }
@media (min-width: 768px) { .tdc-try__lib-inner { padding: 96px 20px; } }
.tdc-try__lib-title { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 32px; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-try__lib-title { font-size: 40px; } }
.tdc-try__lib-subtitle { margin: 16px 0 0; max-width: 576px; font-size: 15px; line-height: 1.7; color: var(--muted-foreground); }
.tdc-try__lib-grid { margin-top: 40px; display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 640px) { .tdc-try__lib-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 768px) { .tdc-try__lib-grid { grid-template-columns: repeat(3, 1fr); } }
.tdc-try__lib-card {
height: 100%; border-radius: var(--radius-3xl);
border: 1px solid color-mix(in oklab, var(--border) 70%, transparent);
padding: 28px; background: color-mix(in oklab, var(--ivory) 60%, transparent);
}
.tdc-try__lib-icon {
display: flex; align-items: center; justify-content: center;
width: 44px; height: 44px; border-radius: 50%; color: var(--ink);
background: color-mix(in oklab, var(--lilac) 20%, transparent);
}
.tdc-try__lib-card-title { margin: 20px 0 0; font-family: var(--font-serif); font-weight: 500; font-size: 22px; }
.tdc-try__lib-card-text { margin: 8px 0 0; font-size: 14px; line-height: 1.6; color: var(--muted-foreground); }
.tdc-try__lib-bullets { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 12px; font-size: 15px; color: color-mix(in oklab, var(--ink) 80%, transparent); }
@media (min-width: 768px) { .tdc-try__lib-bullets { grid-template-columns: 1fr 1fr; } }
.tdc-try__lib-bullet { display: flex; align-items: center; gap: 10px; }
.tdc-try__lib-bullet svg { flex-shrink: 0; color: var(--rose); }
.tdc-try__final { position: relative; overflow: hidden; isolation: isolate; border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-try__final-blob {
position: absolute; bottom: -120px; left: 50%; transform: translateX(-50%);
width: 820px; height: 460px; opacity: 0.5; pointer-events: none;
background: radial-gradient(closest-side,
color-mix(in oklab, var(--rose) 30%, transparent) 0%,
color-mix(in oklab, var(--lilac) 20%, transparent) 55%, transparent 80%);
}
.tdc-try__final-inner { position: relative; z-index: 1; max-width: 640px; margin-inline: auto; padding: 80px 20px; text-align: center; }
@media (min-width: 768px) { .tdc-try__final-inner { padding: 112px 20px; } }
.tdc-try__final-title { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 36px; line-height: 1.2; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-try__final-title { font-size: 56px; } }
.tdc-try__final-accent { font-style: italic; }
.tdc-try__final-subtitle { max-width: 512px; margin: 24px auto 0; font-size: 16px; line-height: 1.7; color: var(--muted-foreground); }
.tdc-try__final-btn {
display: inline-block; margin-top: 36px; border-radius: 9999px; padding: 16px 32px;
font-size: 14px; font-weight: 500; text-decoration: none; background: var(--ink); color: var(--ivory);
box-shadow: var(--shadow-soft);
transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tdc-try__final-btn:hover {
transform: translateY(-2px) scale(1.03);
box-shadow: 0 18px 40px -18px color-mix(in oklab, var(--rose) 80%, transparent),
0 6px 18px -10px color-mix(in oklab, var(--lilac) 60%, transparent);
}
.tdc-try__final-note { margin: 20px 0 0; font-size: 12px; color: var(--muted-foreground); }
@media (prefers-reduced-motion: reduce) {
.tdc-try__final-btn { transition: none; }
.tdc-try__final-btn:hover { transform: none; }
} .tdc-revpage__hero { position: relative; overflow: hidden; isolation: isolate; }
.tdc-revpage__hero-blob {
position: absolute; top: -80px; left: 50%; transform: translateX(-50%);
width: 820px; height: 520px; opacity: 0.55; pointer-events: none;
background: radial-gradient(closest-side,
color-mix(in oklab, var(--rose) 32%, transparent) 0%,
color-mix(in oklab, var(--lilac) 20%, transparent) 55%, transparent 80%);
}
.tdc-revpage__hero-inner { position: relative; z-index: 1; max-width: 768px; margin-inline: auto; padding: 72px 20px 64px; text-align: center; }
@media (min-width: 768px) { .tdc-revpage__hero-inner { padding: 112px 20px 80px; } }
.tdc-revpage__eyebrow { margin: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3em; color: var(--muted-foreground); }
.tdc-revpage__title { margin: 20px 0 0; font-family: var(--font-serif); font-weight: 500; font-size: 44px; line-height: 1.05; letter-spacing: -0.02em; }
@media (min-width: 768px) { .tdc-revpage__title { font-size: 64px; } }
.tdc-revpage__title-accent { font-style: italic; }
.tdc-revpage__script-wrap { position: relative; display: inline-block; margin-top: 12px; }
.tdc-revpage__script { margin: 0; font-family: var(--font-script); font-style: italic; font-size: 26px; color: var(--rose); }
@media (min-width: 768px) { .tdc-revpage__script { font-size: 32px; } }
.tdc-revpage__underline { position: absolute; left: 0; bottom: -6px; width: 100%; height: 12px; }
.tdc-revpage__subtitle { max-width: 576px; margin: 28px auto 0; font-size: 16px; line-height: 1.7; color: var(--muted-foreground); }
.tdc-revpage__grid-wrap { border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-revpage__grid-inner { max-width: 1152px; margin-inline: auto; padding: 64px 20px; }
@media (min-width: 768px) { .tdc-revpage__grid-inner { padding: 96px 20px; } }
.tdc-revpage__block-title { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 32px; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-revpage__block-title { font-size: 40px; } }
.tdc-revpage__accent { font-style: italic; }
.tdc-revpage__block-sub { margin: 12px 0 0; max-width: 512px; font-size: 14px; line-height: 1.7; color: var(--muted-foreground); } .tdc-revpage__grid { margin-top: 40px; display: grid; grid-template-columns: 1fr; gap: 24px; align-items: start; }
@media (min-width: 640px) { .tdc-revpage__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 768px) { .tdc-revpage__grid { grid-template-columns: repeat(3, 1fr); } }
.tdc-revpage__card {
display: flex; flex-direction: column; margin: 0; overflow: hidden;
border-radius: var(--radius-3xl); background: var(--card); box-shadow: var(--shadow-soft);
}
.tdc-revpage__card--text { padding: 28px; }
.tdc-revpage__mark { font-family: var(--font-serif); font-size: 44px; line-height: 1; color: var(--rose); }
.tdc-revpage__quote { margin: 8px 0 0; flex: 1; font-size: 15px; line-height: 1.7; color: color-mix(in oklab, var(--ink) 85%, transparent); }
.tdc-revpage__quote p { margin: 0; }
.tdc-revpage__quote p + p { margin-top: 12px; } .tdc-revpage__shot { background: color-mix(in oklab, var(--lilac) 14%, transparent); }
.tdc-revpage__shot-img { display: block; width: 100%; height: auto; } .tdc-revpage__card--text .tdc-revpage__body,
.tdc-revpage__card--both .tdc-revpage__body { display: flex; flex-direction: column; flex: 1; }
.tdc-revpage__card--both .tdc-revpage__body { padding: 24px 28px 0; }
.tdc-revpage__card--both .tdc-revpage__caption { margin: 20px 28px 28px; padding-top: 20px; border-top: 1px solid var(--border); }
.tdc-revpage__caption { display: flex; align-items: center; gap: 12px; margin: 24px 0 0; }
.tdc-revpage__card--text .tdc-revpage__caption { border-top: 1px solid var(--border); padding-top: 20px; }
.tdc-revpage__card--screenshot .tdc-revpage__caption { padding: 20px 24px; margin: 0; background: var(--card); }
.tdc-revpage__avatar {
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
width: 40px; height: 40px; border-radius: 50%;
font-family: var(--font-serif); font-size: 16px; color: var(--ink);
background: color-mix(in oklab, var(--rose) 22%, transparent);
}
.tdc-revpage__caption-text { display: flex; flex-direction: column; gap: 2px; }
.tdc-revpage__name { font-family: var(--font-serif); font-size: 16px; }
.tdc-revpage__meta { font-size: 11px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--muted-foreground); }
.tdc-revpage__stats { border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); border-bottom: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-revpage__stats-inner { max-width: 1152px; margin-inline: auto; padding: 48px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px 16px; }
@media (min-width: 768px) { .tdc-revpage__stats-inner { grid-template-columns: repeat(4, 1fr); padding: 64px 20px; } }
.tdc-revpage__stat { text-align: center; }
.tdc-revpage__stat-value { margin: 0; font-family: var(--font-serif); font-size: 40px; line-height: 1; }
@media (min-width: 768px) { .tdc-revpage__stat-value { font-size: 52px; } }
.tdc-revpage__stat-label { margin: 12px 0 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.2em; color: var(--muted-foreground); }
.tdc-revpage__final { position: relative; overflow: hidden; isolation: isolate; }
.tdc-revpage__final-blob {
position: absolute; top: 40px; left: 50%; transform: translateX(-50%);
width: 760px; height: 420px; opacity: 0.5; pointer-events: none;
background: radial-gradient(closest-side,
color-mix(in oklab, var(--rose) 28%, transparent) 0%,
color-mix(in oklab, var(--lilac) 18%, transparent) 55%, transparent 80%);
}
.tdc-revpage__final-inner { position: relative; z-index: 1; max-width: 640px; margin-inline: auto; padding: 80px 20px; text-align: center; }
@media (min-width: 768px) { .tdc-revpage__final-inner { padding: 112px 20px; } }
.tdc-revpage__final-title { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 36px; line-height: 1.2; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-revpage__final-title { font-size: 52px; } }
.tdc-revpage__final-accent { font-style: italic; }
.tdc-revpage__final-sub { max-width: 512px; margin: 24px auto 0; font-size: 16px; line-height: 1.7; color: var(--muted-foreground); }
.tdc-revpage__final-btn {
display: inline-block; margin-top: 36px; border-radius: 9999px; padding: 16px 32px;
font-size: 14px; font-weight: 500; text-decoration: none; background: var(--ink); color: var(--ivory);
box-shadow: var(--shadow-soft);
transition: transform 500ms cubic-bezier(0.22,1,0.36,1), box-shadow 500ms cubic-bezier(0.22,1,0.36,1);
}
.tdc-revpage__final-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 18px 40px -18px color-mix(in oklab, var(--rose) 80%, transparent); }
.tdc-revpage__final-note { margin: 20px 0 0; font-size: 12px; color: var(--muted-foreground); } .tdc-faqpage { position: relative; overflow: hidden; isolation: isolate; }
.tdc-faqpage__blob {
position: absolute; top: -80px; left: 50%; transform: translateX(-50%);
width: 820px; height: 480px; opacity: 0.5; pointer-events: none;
background: radial-gradient(closest-side,
color-mix(in oklab, var(--rose) 30%, transparent) 0%,
color-mix(in oklab, var(--lilac) 18%, transparent) 55%, transparent 80%);
}
.tdc-faqpage__inner { position: relative; z-index: 1; max-width: 768px; margin-inline: auto; padding: 72px 20px 96px; }
@media (min-width: 768px) { .tdc-faqpage__inner { padding: 112px 20px 128px; } }
.tdc-faqpage__subtitle { margin: -24px auto 0; max-width: 512px; text-align: center; font-size: 15px; line-height: 1.7; color: var(--muted-foreground); }
.tdc-faqpage__list { margin-top: 48px; }
@media (prefers-reduced-motion: reduce) {
.tdc-revpage__final-btn { transition: none; }
.tdc-revpage__final-btn:hover { transform: none; }
} .tdc-pricing-section { padding-top: 16px; }
.tdc-pricing-section__head { max-width: 672px; margin: 0 auto 40px; text-align: center; }
@media (min-width: 768px) { .tdc-pricing-section__head { margin-bottom: 56px; } }
.tdc-pricing-section .tdc-programs__intro-title { font-size: 32px; }
@media (min-width: 768px) { .tdc-pricing-section .tdc-programs__intro-title { font-size: 44px; } } html, body { background-color: var(--ivory); }
main, .ct-shortcode { background-color: transparent; } .tdc-cabinet__access-card {
border-radius: var(--radius-3xl); padding: 32px; text-align: center;
border: 1px solid color-mix(in oklab, var(--border) 70%, transparent);
}
.tdc-cabinet__access-card--active { background: color-mix(in oklab, var(--rose) 8%, var(--ivory)); }
.tdc-cabinet__access-card--expired { background: color-mix(in oklab, var(--lilac) 8%, var(--ivory)); }
.tdc-cabinet__access-status { margin: 0; font-family: var(--font-serif); font-size: 24px; }
.tdc-cabinet__access-date { margin: 12px 0 0; font-size: 16px; color: var(--muted-foreground); }
.tdc-cabinet__access-days { margin: 4px 0 0; font-size: 13px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--muted-foreground); }
.tdc-cabinet__access-text { margin: 12px auto 0; max-width: 360px; font-size: 15px; line-height: 1.6; color: var(--muted-foreground); }
.tdc-cabinet__btn {
display: inline-block; margin-top: 24px; border-radius: 9999px; padding: 14px 28px;
font-size: 14px; font-weight: 500; text-decoration: none; background: var(--ink); color: var(--ivory);
} .tdc-single-training { max-width: 860px; margin-inline: auto; padding: 40px 20px 80px; }
@media (min-width: 768px) { .tdc-single-training { padding: 56px 20px 112px; } }
.tdc-single-training__back {
display: inline-flex; align-items: center; gap: 8px; font-size: 12px;
text-transform: uppercase; letter-spacing: 0.18em; text-decoration: none; color: var(--muted-foreground);
}
.tdc-single-training__back:hover { color: var(--ink); }
.tdc-single-training__meta { display: flex; align-items: center; gap: 12px; margin: 28px 0 0; }
.tdc-single-training__tag {
border-radius: 9999px; padding: 4px 12px; font-size: 11px; text-transform: uppercase;
letter-spacing: 0.12em; color: var(--ink); background: color-mix(in oklab, var(--rose-soft) 50%, transparent);
}
.tdc-single-training__min { font-size: 11px; text-transform: uppercase; letter-spacing: 0.14em; color: var(--muted-foreground); }
.tdc-single-training__demo { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--rose); }
.tdc-single-training__title { margin: 16px 0 28px; font-family: var(--font-serif); font-weight: 500; font-size: 32px; line-height: 1.2; }
@media (min-width: 768px) { .tdc-single-training__title { font-size: 44px; } }
.tdc-single-training__video { position: relative; aspect-ratio: 16/9; border-radius: var(--radius-3xl); overflow: hidden; background: var(--ink); }
.tdc-single-training__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .tdc-single-training__locked { position: relative; aspect-ratio: 16/9; border-radius: var(--radius-3xl); overflow: hidden; isolation: isolate; }
.tdc-single-training__locked-cover {
position: absolute; inset: 0; z-index: 0; background-size: cover; background-position: center;
filter: blur(14px) brightness(0.7); transform: scale(1.1);
}
.tdc-single-training__locked-inner {
position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column;
align-items: center; justify-content: center; text-align: center; padding: 32px;
background: color-mix(in oklab, var(--ink) 45%, transparent); color: var(--ivory);
}
.tdc-single-training__lock-icon { display: inline-flex; margin-bottom: 12px; opacity: 0.9; }
.tdc-single-training__lock-title { margin: 0; font-family: var(--font-serif); font-size: 22px; }
.tdc-single-training__lock-text { margin: 12px auto 0; max-width: 380px; font-size: 14px; line-height: 1.6; opacity: 0.9; }
.tdc-single-training__lock-btn {
display: inline-block; margin-top: 20px; border-radius: 9999px; padding: 12px 24px;
font-size: 14px; font-weight: 500; text-decoration: none; background: var(--ivory); color: var(--ink);
}
.tdc-single-training__lock-link { display: block; margin-top: 12px; font-size: 13px; color: var(--ivory); text-decoration: underline; text-underline-offset: 3px; }
.tdc-single-training__desc { margin-top: 32px; font-size: 16px; line-height: 1.8; color: color-mix(in oklab, var(--ink) 85%, transparent); }
.tdc-single-training__desc p { margin: 16px 0 0; }
.tdc-single-training__desc p:first-child { margin-top: 0; } .tdc-lib__notice {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;
margin-bottom: 28px; border-radius: var(--radius-3xl); padding: 20px 24px;
background: color-mix(in oklab, var(--lilac) 12%, var(--ivory));
border: 1px solid color-mix(in oklab, var(--lilac) 30%, transparent);
}
.tdc-lib__notice p { margin: 0; font-size: 14px; line-height: 1.5; color: color-mix(in oklab, var(--ink) 85%, transparent); }
.tdc-lib__filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.tdc-lib__chip {
border-radius: 9999px; padding: 8px 16px; font-size: 13px; text-decoration: none;
color: var(--ink); background: color-mix(in oklab, var(--ivory) 70%, transparent);
border: 1px solid color-mix(in oklab, var(--border) 70%, transparent); transition: background .2s, border-color .2s;
}
.tdc-lib__chip:hover { border-color: color-mix(in oklab, var(--rose) 40%, transparent); }
.tdc-lib__chip.is-active { background: var(--ink); color: var(--ivory); border-color: var(--ink); }
.tdc-lib__grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 560px) { .tdc-lib__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .tdc-lib__grid { grid-template-columns: repeat(3, 1fr); } }
.tdc-lib-card { position: relative; border-radius: var(--radius-3xl); overflow: hidden; background: var(--card); box-shadow: var(--shadow-soft); }
.tdc-lib-card__thumb-link { display: block; }
.tdc-lib-card__thumb {
position: relative; aspect-ratio: 16/10; background-size: cover; background-position: center;
background-color: color-mix(in oklab, var(--lilac) 14%, var(--ivory));
display: flex; align-items: center; justify-content: center;
}
.tdc-lib-card__demo {
position: absolute; top: 12px; left: 12px; border-radius: 9999px; padding: 4px 10px;
font-size: 10px; text-transform: uppercase; letter-spacing: 0.14em;
background: var(--rose); color: var(--ivory);
}
.tdc-lib-card__play {
display: flex; align-items: center; justify-content: center; width: 48px; height: 48px;
border-radius: 9999px; color: var(--ink);
background: color-mix(in oklab, var(--ivory) 85%, transparent); backdrop-filter: blur(6px);
transition: transform .3s;
}
.tdc-lib-card__thumb-link:hover .tdc-lib-card__play { transform: scale(1.08); }
.tdc-lib-card__fav {
position: absolute; top: 10px; right: 10px; z-index: 2;
display: flex; align-items: center; justify-content: center; width: 36px; height: 36px;
border: none; border-radius: 9999px; cursor: pointer;
color: var(--rose); background: color-mix(in oklab, var(--ivory) 85%, transparent);
backdrop-filter: blur(6px); transition: transform .2s, background .2s;
}
.tdc-lib-card__fav:hover { transform: scale(1.1); }
.tdc-lib-card__fav svg { transition: fill .2s; }
.tdc-lib-card__fav.is-fav svg { fill: var(--rose); }
.tdc-lib-card__fav[disabled] { opacity: .6; cursor: default; }
.tdc-lib-card__body { padding: 16px 18px 20px; }
.tdc-lib-card__meta { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.tdc-lib-card__tag {
border-radius: 9999px; padding: 3px 10px; font-size: 10px; text-transform: uppercase;
letter-spacing: 0.12em; color: var(--ink); background: color-mix(in oklab, var(--rose-soft) 50%, transparent);
}
.tdc-lib-card__min { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--muted-foreground); }
.tdc-lib-card__title { margin: 0; font-family: var(--font-serif); font-weight: 500; font-size: 18px; line-height: 1.3; }
.tdc-lib-card__title a { color: inherit; text-decoration: none; }
.tdc-lib-card__title a:hover { color: var(--rose); }
.tdc-lib__empty { font-size: 15px; line-height: 1.6; color: var(--muted-foreground); }
.tdc-lib__empty a { color: var(--rose); } .tdc-directions { border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-directions__inner { max-width: 1152px; margin-inline: auto; padding: 64px 20px; }
@media (min-width: 768px) { .tdc-directions__inner { padding: 96px 20px; } }
.tdc-directions__heading { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.tdc-directions__title { font-family: var(--font-serif); font-weight: 500; font-size: 30px; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-directions__title { font-size: 40px; } }
.tdc-directions__accent { font-style: italic; }
.tdc-directions__subtitle { margin: 16px 0 0; max-width: 560px; font-size: 15px; line-height: 1.7; color: var(--muted-foreground); }
.tdc-directions__grid { margin-top: 40px; display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 640px) { .tdc-directions__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .tdc-directions__grid { grid-template-columns: repeat(3, 1fr); } }
.tdc-directions__card {
height: 100%; border-radius: var(--radius-3xl);
border: 1px solid color-mix(in oklab, var(--border) 70%, transparent);
padding: 28px; background: color-mix(in oklab, var(--ivory) 60%, transparent);
}
.tdc-directions__icon {
display: flex; align-items: center; justify-content: center;
width: 44px; height: 44px; border-radius: 50%; color: var(--ink);
background: color-mix(in oklab, var(--lilac) 20%, transparent);
}
.tdc-directions__name { margin: 20px 0 0; font-family: var(--font-serif); font-weight: 500; font-size: 22px; }
.tdc-directions__desc { margin: 10px 0 0; font-size: 14px; line-height: 1.65; color: var(--muted-foreground); } .tdc-diplomas { border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); }
.tdc-diplomas__inner { max-width: 1152px; margin-inline: auto; padding: 64px 20px; text-align: center; }
@media (min-width: 768px) { .tdc-diplomas__inner { padding: 96px 20px; } }
.tdc-diplomas__heading { display: inline-flex; align-items: center; gap: 8px; margin: 0; justify-content: center; }
.tdc-diplomas__title { font-family: var(--font-serif); font-weight: 500; font-size: 30px; letter-spacing: -0.01em; }
@media (min-width: 768px) { .tdc-diplomas__title { font-size: 36px; } }
.tdc-diplomas__accent { font-style: italic; }
.tdc-diplomas__subtitle { margin: 16px auto 0; max-width: 560px; font-size: 15px; line-height: 1.7; color: var(--muted-foreground); } .tdc-diplomas__grid {
margin-top: 40px; display: grid; grid-template-columns: 1fr; gap: 20px;
justify-items: center;
}
.tdc-diplomas__item { max-width: 340px; width: 100%; } @media (min-width: 768px) {
.tdc-diplomas__grid {
grid-template-columns: 1fr 1.5fr 1fr;
gap: 24px; align-items: center; max-width: 900px; margin-inline: auto;
}
.tdc-diplomas__item:nth-child(3) { grid-column: auto; max-width: none; margin: 0; }
}
.tdc-diplomas__item { margin: 0; }
.tdc-diplomas__zoom {
display: block; width: 100%; padding: 0; border: none; cursor: zoom-in; background: none;
border-radius: var(--radius-2xl); overflow: hidden; box-shadow: var(--shadow-soft);
transition: transform .4s cubic-bezier(0.22,1,0.36,1), box-shadow .4s;
}
.tdc-diplomas__zoom:hover { transform: translateY(-3px); box-shadow: 0 16px 34px -18px color-mix(in oklab, var(--rose) 60%, transparent); }
.tdc-diplomas__img { display: block; width: 100%; height: auto; }
.tdc-diplomas__desc { margin-top: 12px; font-size: 12px; line-height: 1.5; color: var(--muted-foreground); } .tdc-diplomas__lightbox {
position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center;
padding: 32px; background: color-mix(in oklab, var(--ink) 82%, transparent);
backdrop-filter: blur(4px);
}
.tdc-diplomas__lightbox[hidden] { display: none; }
.tdc-diplomas__lightbox-inner { margin: 0; max-width: 900px; max-height: 90vh; display: flex; flex-direction: column; align-items: center; }
.tdc-diplomas__lightbox-img { max-width: 100%; max-height: 80vh; width: auto; height: auto; border-radius: var(--radius-2xl); box-shadow: 0 30px 80px -30px rgba(0,0,0,0.6); }
.tdc-diplomas__lightbox-desc { margin-top: 16px; font-size: 14px; color: var(--ivory); text-align: center; max-width: 640px; }
.tdc-diplomas__close {
position: absolute; top: 20px; right: 28px; width: 44px; height: 44px;
border: none; border-radius: 9999px; cursor: pointer; font-size: 28px; line-height: 1;
color: var(--ink); background: var(--ivory);
}
@media (prefers-reduced-motion: reduce) {
.tdc-diplomas__zoom { transition: none; }
.tdc-diplomas__zoom:hover { transform: none; }
} @media (min-width: 768px) { .tdc-hero__marquee-chunk { font-size: 2rem; } }
.woocommerce-Price-amount { font-weight: 300; }
.tdc-programs__included-card { background: color-mix(in oklab, var(--card) 70%, transparent); }
.tdc-directions__card { background: color-mix(in oklab, var(--card) 60%, transparent); text-align: left; }
.tdc-programs__pricing-card { background: color-mix(in oklab, var(--card) 70%, transparent); }
.fnav-dot__icon { width: 20px; height: 20px; }
.fnav-dot__icon svg { width: 20px; height: 20px; display: block; }
.tdc-directions__inner { max-width: 1152px; margin-inline: auto; padding: 64px 20px; text-align: center; }
.tdc-directions__subtitle { margin: auto; }
.tdc-about__text { font-size: 18px; }
.tdc-aboutpage__hero-text { font-size: 18px; }
@media (min-width: 768px) { .tdc-aboutpage__hero-text { font-size: 18px; } }
.tdc-aboutpage__story-body { font-size: 18px; }
@media (min-width: 768px) { .tdc-aboutpage__story-body { font-size: 18px; } }