html,body{margin:0;padding:0;overflow-x:hidden;}body{background:#FFFAF7;}
@media (max-width: 767px){
body #ttHero#ttHero .tt-benefits{
display:none!important;
}
body #ttHero#ttHero .tt-mobile-actions{
margin-bottom:0!important;
}
body #ttHero#ttHero .tt-hero-box{
padding-bottom:6px!important;
}
body #ttRouterApp#ttRouterApp{
padding-top:18px!important;
}
body #ttRouterApp#ttRouterApp .ttr-intro{
min-height:0!important;
height:auto!important;
padding:8px 10px 7px!important;
margin:0 0 6px!important;
gap:0!important;
}
body #ttRouterApp#ttRouterApp .ttr-intro .ttr-kicker{
min-height:0!important;
margin:0 0 5px!important;
padding:3px 9px!important;
font-size:10.5px!important;
line-height:16px!important;
}
body #ttRouterApp#ttRouterApp .ttr-intro h2{
margin:0!important;
font-size:clamp(22px,6.15vw,25px)!important;
line-height:1.34!important;
}
body #ttRouterApp#ttRouterApp .ttr-intro-text{
display:none!important;
}
body #ttRouterApp#ttRouterApp .ttr-choice-guide{
display:none!important;
}
body #ttRouterApp#ttRouterApp .ttr-panel-head{
display:none!important;
}
body #ttRouterApp#ttRouterApp .ttr-shell{
padding-top:5px!important;
}
body #ttRouterApp#ttRouterApp .ttr-tabs-shell{
margin-top:0!important;
}
body #ttRouterApp#ttRouterApp > .ttr-ambient-layer{
background-position:30% 22%!important;
}
}
@media (max-width: 359px){
body #ttRouterApp#ttRouterApp .ttr-intro h2{
font-size:21px!important;
}
}
@media (max-width: 767px){
html body #tt-hh-final #ttHero#ttHero > .tt-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:50% 6%!important;
}
html body #ttRouterApp#ttRouterApp > .ttr-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:24% 28%!important;
}
html body #ttProof#ttProof > .ttp-ambient-plate{
background-image:linear-gradient(transparent,transparent)!important;
background-position:50% 52%!important;
}
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:76% 68%!important;
}
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:34% 55%!important;
}
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:25% 76%!important;
}
html body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:79% 80%!important;
}
html body #ttFinalDecision#ttFinalDecision > .ttfd-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:75% 86%!important;
}
html body #ttSecondaryAuthority#ttSecondaryAuthority > .ttsa-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:50% 54%!important;
}
html body #ttFinalFooter#ttFinalFooter{
background-image:linear-gradient(transparent,transparent)!important;
background-position:52% 56%!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:84px!important;
right:20px!important;
width:min(47%,168px)!important;
height:140px!important;
transform:
perspective(760px)
rotateX(27deg)
rotateY(-10deg)
rotateZ(-6deg)
skewX(-.2deg)!important;
transform-origin:9% 8%!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-lines{
inset:5px -5px 6px -6px!important;
background:
repeating-linear-gradient(
180deg,
transparent 0 23px,
rgba(92,78,137,.067) 23px 24px
)!important;
opacity:.28!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy{
top:5px!important;
right:4px!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{
font-size:16px!important;
opacity:.90!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{
font-size:13.8px!important;
margin-top:6px!important;
margin-right:6px!important;
opacity:.67!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
font-size:12.6px!important;
margin-top:6px!important;
margin-right:22px!important;
opacity:.53!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
right:18px!important;
bottom:2px!important;
gap:9px!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
width:38px!important;
opacity:.42!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{
font-size:7.2px!important;
color:rgba(69,58,103,.27)!important;
}
}
@media (max-width: 390px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:82px!important;
right:16px!important;
width:min(46%,158px)!important;
height:136px!important;
}
}
@media (min-width:768px){
html body #tt-hh-final #tt-hh-final .tt-header,
html body #tt-hh-final .tt-header{
position:sticky !important;
top:0 !important;
z-index:9000 !important;
overflow:hidden !important;
border-bottom:1px solid rgba(255,255,255,.11) !important;
background:
radial-gradient(ellipse at 88% -34%, rgba(105,117,243,.58) 0%, rgba(105,117,243,.18) 31%, transparent 52%),
radial-gradient(ellipse at 9% 142%, rgba(116,170,155,.34) 0%, rgba(116,170,155,.11) 33%, transparent 55%),
radial-gradient(ellipse at 50% 145%, rgba(238,184,157,.27) 0%, rgba(238,184,157,.075) 34%, transparent 58%),
radial-gradient(ellipse at 5% -30%, rgba(236,139,181,.16) 0%, transparent 47%),
linear-gradient(138deg, rgba(34,37,65,.985) 0%, rgba(52,42,81,.985) 50%, rgba(35,73,77,.985) 100%) !important;
box-shadow:
0 10px 32px rgba(15,18,41,.12),
inset 0 -1px 0 rgba(255,255,255,.035) !important;
-webkit-backdrop-filter:blur(12px) saturate(1.05) !important;
backdrop-filter:blur(12px) saturate(1.05) !important;
}
html body #tt-hh-final .tt-header::before{
content:"" !important;
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
inset:0 !important;
background:
linear-gradient(118deg, transparent 0 24%, rgba(255,255,255,.034) 38%, transparent 54%),
radial-gradient(circle at 72% 40%, rgba(255,255,255,.055), transparent 17%) !important;
}
html body #tt-hh-final .tt-header::after{
content:"" !important;
position:absolute !important;
z-index:1 !important;
pointer-events:none !important;
right:8% !important;
bottom:0 !important;
width:160px !important;
height:2px !important;
border-radius:999px !important;
opacity:.9 !important;
background:linear-gradient(90deg,#ffb29a 0%,#8f87ff 48%,#73c2ac 100%) !important;
box-shadow:0 0 18px rgba(143,135,255,.22) !important;
}
html body #tt-hh-final .tt-header .tt-container,
html body #tt-hh-final .tt-header-inner{
position:relative !important;
z-index:2 !important;
}
html body #tt-hh-final .tt-header-inner{
min-height:72px !important;
}
html body #tt-hh-final .tt-brand-icon{
color:#f2efff !important;
border-color:rgba(255,255,255,.14) !important;
background:
linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.038)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.10),
0 8px 22px rgba(15,18,41,.08) !important;
}
html body #tt-hh-final .tt-brand-icon::after{
border-color:rgba(255,255,255,.10) !important;
}
html body #tt-hh-final .tt-brand-copy strong{
color:#fff !important;
text-shadow:0 1px 0 rgba(0,0,0,.06) !important;
}
html body #tt-hh-final .tt-brand-copy small{
color:rgba(255,255,255,.64) !important;
}
html body #tt-hh-final .tt-nav a{
color:rgba(255,255,255,.84) !important;
text-shadow:0 1px 0 rgba(0,0,0,.05) !important;
transition:color .16s ease !important;
}
html body #tt-hh-final .tt-nav a:hover,
html body #tt-hh-final .tt-nav a.current{
color:#fff !important;
}
html body #tt-hh-final .tt-nav a::after{
height:2px !important;
background:linear-gradient(90deg,#ffb29a 0%,#9c92ff 52%,#79c2ad 100%) !important;
box-shadow:0 0 10px rgba(156,146,255,.18) !important;
}
html body #tt-hh-final .tt-header-cta{
color:#fff !important;
border:1px solid rgba(255,255,255,.13) !important;
background:
linear-gradient(135deg,#756bff 0%,#8d73f1 54%,#bf77c9 100%) !important;
box-shadow:
0 10px 26px rgba(96,77,215,.24),
inset 0 1px 0 rgba(255,255,255,.18) !important;
}
html body #tt-hh-final .tt-header-cta:hover{
transform:translateY(-1px) !important;
box-shadow:
0 13px 30px rgba(96,77,215,.29),
inset 0 1px 0 rgba(255,255,255,.22) !important;
}
html body #tt-hh-final .tt-header :focus-visible{
outline:3px solid rgba(255,209,191,.72) !important;
outline-offset:4px !important;
}
}
@media (min-width:768px){
html body #tt-hh-final .tt-header{
overflow:visible !important;
border-bottom-color:rgba(255,255,255,.065) !important;
box-shadow:
0 10px 24px rgba(17,19,42,.085),
0 20px 44px rgba(91,70,114,.055),
inset 0 -1px 0 rgba(255,255,255,.025) !important;
}
html body #tt-hh-final .tt-header::before{
clip-path:inset(0) !important;
}
html body #tt-hh-final .tt-header::after{
opacity:.68 !important;
box-shadow:0 0 14px rgba(143,135,255,.14) !important;
}
html body #tt-hh-final .tt-nav > a,
html body #tt-hh-final .tt-services-toggle{
color:rgba(255,255,255,.87) !important;
text-shadow:0 1px 0 rgba(0,0,0,.045) !important;
}
html body #tt-hh-final .tt-nav > a:hover,
html body #tt-hh-final .tt-nav > a.current,
html body #tt-hh-final .tt-services-item:hover .tt-services-toggle,
html body #tt-hh-final .tt-services-item:focus-within .tt-services-toggle,
html body #tt-hh-final .tt-services-item.open .tt-services-toggle{
color:#fff !important;
}
html body #tt-hh-final .tt-services-item{
border-right-color:rgba(255,255,255,.08) !important;
border-left-color:rgba(255,255,255,.08) !important;
}
html body #tt-hh-final .tt-services-toggle-icon{
color:#dedaff !important;
background:rgba(255,255,255,.09) !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.055) !important;
}
html body #tt-hh-final .tt-services-chevron{
color:rgba(255,255,255,.58) !important;
}
html body #tt-hh-final .tt-services-toggle::after{
background:linear-gradient(90deg,#ffb29a 0%,#9c92ff 52%,#79c2ad 100%) !important;
box-shadow:0 0 9px rgba(156,146,255,.14) !important;
}
html body #tt-hh-final .tt-header-cta{
background:linear-gradient(135deg,#7169e6 0%,#826edc 54%,#ad72bb 100%) !important;
border-color:rgba(255,255,255,.11) !important;
box-shadow:
0 8px 21px rgba(80,67,174,.17),
inset 0 1px 0 rgba(255,255,255,.14) !important;
}
html body #tt-hh-final .tt-header-cta:hover{
box-shadow:
0 10px 25px rgba(80,67,174,.21),
inset 0 1px 0 rgba(255,255,255,.18) !important;
}
}
@media (min-width:931px){
#tt-hh-final .tt-services-foot-complete{
align-items:center;
}
#tt-hh-final .tt-services-foot-actions{
display:flex;
align-items:center;
gap:6px;
flex:0 0 auto;
}
#tt-hh-final .tt-services-foot-actions > a{
min-height:32px;
padding:0 10px !important;
display:inline-flex !important;
align-items:center;
justify-content:center;
border-radius:10px;
font-size:10px !important;
line-height:1 !important;
font-weight:900 !important;
}
#tt-hh-final .tt-services-foot-actions > .tt-services-route-link{
color:#4f5f86 !important;
border:1px solid rgba(23,38,79,.08);
background:#f7f7fc !important;
box-shadow:inset 0 0 0 1px rgba(107,99,243,.05);
}
#tt-hh-final .tt-services-foot-actions > a[data-contact-cta]{
color:#fff !important;
background:linear-gradient(135deg,#7268ef,#8b73ef) !important;
}
}
@media (max-width:767px){
html:not(.tt-r35-hero-ready) #ttHero{
visibility:hidden !important;
}
}
@media (min-width:768px){
html body #tt-hh-final #ttHero#ttHero > .tt-ambient-layer{
display:none!important;
}
}
html,body{overflow-x:hidden;}
#tt-hh-final{
--bg:#fffaf7;
--paper:#ffffff;
--ink:#182750;
--ink-2:#293965;
--text:#5d6478;
--muted:#8d94a6;
--iris:#6975f3;
--iris-dark:#5864df;
--iris-soft:#eff0ff;
--lilac:#f0edff;
--lilac-2:#dfdafc;
--peach:#ffe0d1;
--peach-soft:#fff0e8;
--coral:#d5816a;
--green:#2d8971;
--green-soft:#eaf8f3;
--line:rgba(24,39,80,.09);
--line-2:rgba(105,117,243,.18);
--shadow:
0 26px 70px rgba(32,44,90,.08),
0 8px 24px rgba(32,44,90,.035);
--max:1280px;
width:100%;
position:relative;
color:var(--text);
background:var(--bg);
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif;
font-size:16px;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
#tt-hh-final *,
#tt-hh-final *::before,
#tt-hh-final *::after{
box-sizing:border-box;
}
#tt-hh-final a{
color:inherit;
text-decoration:none;
}
#tt-hh-final button{
font:inherit;
}
#tt-hh-final img{
display:block;
max-width:100%;
}
#tt-hh-final :focus-visible{
outline:3px solid rgba(105,117,243,.30);
outline-offset:3px;
}
#tt-hh-final .tt-container{
width:min(
var(--max),
calc(100% - 32px)
);
margin-inline:auto;
}
#tt-hh-final .tt-hand{
font-family:
"IRDastNevis",
"IRDast Nevis",
"Estedad",
Tahoma,
sans-serif;
font-weight:400;
}
#tt-hh-final .tt-btn,
#tt-hh-final .tt-btn-soft{
min-height:50px;
padding:0 20px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:14px;
font-size:14px;
line-height:1;
font-weight:800;
white-space:nowrap;
transition:
transform .18s ease,
box-shadow .18s ease,
border-color .18s ease,
background-color .18s ease;
}
#tt-hh-final .tt-btn{
color:#fff;
border:1px solid var(--iris);
background:var(--iris);
box-shadow:
0 12px 25px
rgba(105,117,243,.20);
}
#tt-hh-final .tt-btn:hover{
transform:translateY(-2px);
background:var(--iris-dark);
border-color:var(--iris-dark);
box-shadow:
0 17px 32px
rgba(105,117,243,.25);
}
#tt-hh-final .tt-btn-soft{
color:var(--ink);
border:1px solid var(--line-2);
background:#fff;
}
#tt-hh-final .tt-btn-soft:hover{
transform:translateY(-2px);
border-color:
rgba(105,117,243,.42);
}
#tt-hh-final .tt-header{
position:sticky;
z-index:9000;
top:0;
width:100%;
border-bottom:
1px solid
var(--line);
background:#fffdfb;
}
#tt-hh-final .tt-header-inner{
min-height:72px;
display:grid;
grid-template-areas:
"actions navigation brand";
grid-template-columns:
1fr auto 1fr;
gap:24px;
align-items:center;
}
#tt-hh-final .tt-brand{
grid-area:brand;
justify-self:end;
display:flex;
align-items:center;
gap:10px;
min-width:max-content;
}
#tt-hh-final .tt-brand-icon{
position:relative;
width:42px;
height:42px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:14px;
color:var(--iris);
background:var(--iris-soft);
border:1px solid var(--line-2);
}
#tt-hh-final .tt-brand-icon::after{
content:"";
position:absolute;
inset:5px;
border:
1px solid
rgba(105,117,243,.11);
border-radius:10px;
}
#tt-hh-final .tt-brand-copy strong{
display:block;
color:var(--ink);
font-size:14px;
line-height:1.55;
font-weight:900;
}
#tt-hh-final .tt-brand-copy small{
display:block;
margin-top:1px;
color:var(--muted);
font-size:11px;
line-height:1.5;
}
#tt-hh-final .tt-nav{
grid-area:navigation;
display:flex;
align-items:center;
justify-content:center;
gap:20px;
}
#tt-hh-final .tt-nav a{
position:relative;
padding:13px 0 11px;
color:var(--ink);
font-size:13px;
line-height:1.5;
font-weight:750;
white-space:nowrap;
}
#tt-hh-final .tt-nav a::after{
content:"";
position:absolute;
right:50%;
left:50%;
bottom:3px;
height:2px;
border-radius:20px;
background:var(--iris);
transition:
right .18s ease,
left .18s ease;
}
#tt-hh-final .tt-nav a:hover::after,
#tt-hh-final .tt-nav a.current::after{
right:0;
left:0;
}
#tt-hh-final .tt-header-actions{
grid-area:actions;
justify-self:start;
}
#tt-hh-final .tt-header-cta{
min-height:42px;
padding-inline:16px;
border-radius:13px;
font-size:13px;
box-shadow:none;
}
#tt-hh-final .tt-menu{
display:none;
width:42px;
height:42px;
padding:0;
border-radius:12px;
border:1px solid var(--line);
color:var(--ink);
background:#fff;
}
#tt-hh-final .tt-menu-lines{
width:18px;
margin:auto;
display:grid;
gap:4px;
}
#tt-hh-final .tt-menu-lines span{
display:block;
height:2px;
border-radius:20px;
background:currentColor;
transform-origin:center;
transition:
transform .18s ease,
opacity .18s ease;
}
#tt-hh-final
.tt-menu[aria-expanded="true"]
.tt-menu-lines span:nth-child(1){
transform:
translateY(6px)
rotate(45deg);
}
#tt-hh-final
.tt-menu[aria-expanded="true"]
.tt-menu-lines span:nth-child(2){
opacity:0;
}
#tt-hh-final
.tt-menu[aria-expanded="true"]
.tt-menu-lines span:nth-child(3){
transform:
translateY(-6px)
rotate(-45deg);
}
#tt-hh-final .tt-hero{
position:relative;
padding:18px 0 30px;
}
#tt-hh-final .tt-hero-box{
position:relative;
overflow:hidden;
min-height:612px;
padding:40px;
border:
1px solid
rgba(105,117,243,.13);
border-radius:34px;
background:#fffdfb;
box-shadow:var(--shadow);
}
#tt-hh-final .tt-hero-grid{
position:relative;
z-index:4;
min-height:530px;
display:grid;
grid-template-columns:
minmax(400px,.94fr)
minmax(0,1.06fr);
gap:42px;
align-items:stretch;
direction:ltr;
}
#tt-hh-final .tt-copy-side,
#tt-hh-final .tt-visual-side{
direction:rtl;
}
#tt-hh-final .tt-copy-side{
padding:20px 0 18px;
display:flex;
flex-direction:column;
justify-content:center;
}
#tt-hh-final .tt-kicker{
display:flex;
align-items:center;
gap:10px;
margin-bottom:12px;
color:var(--coral);
font-size:13px;
line-height:1.5;
font-weight:850;
}
#tt-hh-final .tt-kicker::after{
content:"";
width:70px;
height:1px;
background:
rgba(105,117,243,.24);
}
#tt-hh-final .tt-hero h1{
max-width:650px;
margin:0;
color:var(--ink);
font-size:
clamp(
47px,
4.2vw,
62px
);
line-height:1.25;
font-weight:950;
letter-spacing:-1.7px;
}
#tt-hh-final .tt-hero h1 span{
display:block;
color:var(--iris);
}
#tt-hh-final .tt-location{
margin-top:16px;
display:flex;
align-items:center;
gap:8px;
color:var(--ink);
font-size:14px;
line-height:1.8;
font-weight:800;
}
#tt-hh-final .tt-location-icon{
width:30px;
height:30px;
display:grid;
place-items:center;
flex:0 0 auto;
border-radius:9px;
color:var(--iris);
background:var(--iris-soft);
}
#tt-hh-final .tt-diff{
margin-top:9px;
color:var(--ink);
font-size:17px;
line-height:1.75;
font-weight:900;
}
#tt-hh-final .tt-support{
max-width:610px;
margin:8px 0 0;
color:var(--text);
font-size:15px;
line-height:2;
font-weight:450;
}
#tt-hh-final .tt-benefits{
margin-top:15px;
display:grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:8px;
}
#tt-hh-final .tt-benefit{
min-height:78px;
padding:11px;
display:flex;
align-items:center;
gap:9px;
border-radius:15px;
border:1px solid var(--line);
background:#fff;
transition:
transform .18s ease,
border-color .18s ease,
box-shadow .18s ease;
}
#tt-hh-final .tt-benefit:hover{
transform:translateY(-2px);
border-color:var(--line-2);
box-shadow:
0 9px 22px
rgba(32,44,90,.05);
}
#tt-hh-final .tt-benefit-icon{
width:38px;
height:38px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:11px;
color:var(--iris);
background:var(--iris-soft);
}
#tt-hh-final
.tt-benefit:nth-child(2)
.tt-benefit-icon{
color:#a7614f;
background:var(--peach-soft);
}
#tt-hh-final
.tt-benefit:nth-child(3)
.tt-benefit-icon{
color:var(--green);
background:var(--green-soft);
}
#tt-hh-final .tt-benefit strong{
display:block;
color:var(--ink);
font-size:13px;
line-height:1.65;
font-weight:850;
}
#tt-hh-final .tt-benefit p{
margin:2px 0 0;
color:var(--muted);
font-size:12px;
line-height:1.75;
}
#tt-hh-final .tt-actions{
margin-top:17px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
}
#tt-hh-final .tt-primary-action{
min-width:202px;
}
#tt-hh-final .tt-route{
min-height:50px;
display:inline-flex;
align-items:center;
gap:10px;
color:var(--ink);
}
#tt-hh-final .tt-route-icon{
width:46px;
height:46px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:50%;
color:var(--iris);
border:1px solid var(--line-2);
background:#fff;
transition:
transform .18s ease,
background .18s ease;
}
#tt-hh-final .tt-route:hover .tt-route-icon{
transform:translateX(-3px);
background:var(--iris-soft);
}
#tt-hh-final .tt-route strong{
display:block;
color:var(--ink);
font-size:13px;
line-height:1.6;
font-weight:850;
}
#tt-hh-final .tt-route small{
display:block;
margin-top:1px;
color:var(--muted);
font-size:12px;
line-height:1.65;
}
#tt-hh-final .tt-visual-side{
position:relative;
min-height:530px;
overflow:hidden;
display:grid;
grid-template-rows:
minmax(0,1fr)
116px;
border-radius:27px;
border:
1px solid
rgba(105,117,243,.11);
background:var(--lilac);
}
#tt-hh-final .tt-portrait-stage{
position:relative;
min-height:414px;
overflow:hidden;
}
#tt-hh-final .tt-portrait-stage::before{
content:"";
position:absolute;
z-index:1;
top:74px;
right:21px;
width:31px;
height:205px;
border-radius:8px;
background:var(--peach);
}
#tt-hh-final .tt-portrait-stage::after{
content:"";
position:absolute;
z-index:1;
inset:24px;
border:
1px solid
rgba(105,117,243,.12);
border-radius:21px;
pointer-events:none;
}
#tt-hh-final .tt-ring{
position:absolute;
z-index:1;
left:50%;
transform:translateX(-50%);
border-radius:50%;
pointer-events:none;
}
#tt-hh-final .tt-ring.r1{
width:336px;
height:336px;
top:79px;
border:
1px solid
rgba(105,117,243,.22);
}
#tt-hh-final .tt-ring.r2{
width:265px;
height:265px;
top:114px;
border:
1px solid
rgba(213,129,106,.18);
}
#tt-hh-final .tt-peach-circle{
position:absolute;
z-index:1;
top:115px;
left:22px;
width:58px;
height:58px;
border-radius:50%;
background:var(--peach);
}
#tt-hh-final .tt-corner{
position:absolute;
z-index:2;
width:48px;
height:48px;
pointer-events:none;
}
#tt-hh-final .tt-corner.a{
right:17px;
top:17px;
border-top:
1px solid
rgba(105,117,243,.29);
border-right:
1px solid
rgba(105,117,243,.29);
}
#tt-hh-final .tt-corner.b{
left:17px;
bottom:17px;
border-left:
1px solid
rgba(213,129,106,.27);
border-bottom:
1px solid
rgba(213,129,106,.27);
}
#tt-hh-final .tt-watermark{
position:absolute;
z-index:1;
top:27px;
left:26px;
width:90px;
color:
rgba(105,117,243,.065);
pointer-events:none;
}
#tt-hh-final .tt-hand-note{
position:absolute;
z-index:3;
right:55px;
top:29px;
color:
rgba(105,117,243,.61);
font-size:21px;
line-height:1.2;
transform:rotate(-4deg);
pointer-events:none;
}
#tt-hh-final .tt-hand-note::after{
content:"";
position:absolute;
width:54px;
height:25px;
right:7px;
top:27px;
border-bottom:
1px solid
rgba(105,117,243,.35);
border-radius:50%;
transform:rotate(-9deg);
}
#tt-hh-final .tt-spark{
position:absolute;
z-index:3;
pointer-events:none;
color:var(--iris);
opacity:.42;
}
#tt-hh-final .tt-spark.s1{
left:40px;
bottom:58px;
}
#tt-hh-final .tt-spark.s2{
right:42px;
top:106px;
color:var(--coral);
}
#tt-hh-final .tt-patient-badge{
position:absolute;
z-index:7;
top:72px;
left:14px;
max-width:220px;
min-height:47px;
padding:7px 10px;
display:flex;
align-items:center;
gap:8px;
border-radius:14px;
border:1px solid var(--line);
color:var(--ink);
background:#fff;
box-shadow:
0 10px 24px
rgba(32,44,90,.065);
}
#tt-hh-final .tt-patient-icon{
width:31px;
height:31px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:9px;
color:var(--coral);
background:var(--peach-soft);
}
#tt-hh-final .tt-patient-badge strong{
display:block;
color:var(--ink);
font-size:12px;
line-height:1.65;
font-weight:850;
}
#tt-hh-final .tt-patient-badge small{
display:block;
margin-top:1px;
color:var(--muted);
font-size:11px;
line-height:1.55;
}
#tt-hh-final .tt-person{
position:absolute;
z-index:4;
left:50%;
bottom:0;
transform:translateX(-50%);
width:min(82%,398px) !important;
max-height:395px;
height:auto !important;
object-fit:contain !important;
object-position:center bottom !important;
filter:none !important;
}
#tt-hh-final .tt-quote-zone{
position:relative;
z-index:8;
padding:9px;
display:flex;
align-items:center;
background:
rgba(255,255,255,.42);
border-top:
1px solid
rgba(105,117,243,.10);
}
#tt-hh-final .tt-quote{
position:relative;
width:100%;
min-height:95px;
padding:12px 15px;
display:grid;
grid-template-columns:
minmax(0,1fr)
88px;
gap:12px;
align-items:center;
border-radius:16px;
border:1px solid var(--line);
color:var(--ink);
background:#fff;
box-shadow:
0 10px 25px
rgba(32,44,90,.05);
}
#tt-hh-final .tt-quote::before{
content:"";
position:absolute;
right:-5px;
top:16px;
width:9px;
height:43px;
border-radius:4px;
background:var(--peach);
}
#tt-hh-final .tt-quote-copy small{
display:block;
margin-bottom:3px;
color:var(--muted);
font-size:11px;
line-height:1.6;
}
#tt-hh-final .tt-quote-copy p{
margin:0;
color:var(--ink);
font-size:13px;
line-height:1.85;
font-weight:750;
}
#tt-hh-final .tt-quote-hand{
text-align:center;
color:
rgba(105,117,243,.72);
font-size:20px;
line-height:1.2;
transform:rotate(-5deg);
}
#tt-hh-final .tt-quote-mark{
display:block;
margin-top:-2px;
color:var(--peach);
font-family:
Georgia,
serif;
font-size:40px;
line-height:.55;
}
#tt-hh-final .tt-edge{
position:absolute;
z-index:2;
right:22px;
height:1px;
pointer-events:none;
background:
rgba(105,117,243,.18);
}
#tt-hh-final .tt-edge.e1{
top:95px;
width:94px;
}
#tt-hh-final .tt-edge.e2{
bottom:40px;
width:118px;
}
#tt-hh-final .tt-edge::before{
content:"";
position:absolute;
right:0;
top:-3px;
width:7px;
height:7px;
border-radius:50%;
background:var(--iris);
opacity:.55;
}
#tt-hh-final .tt-edge.e1::before{
background:var(--coral);
}
#tt-hh-final .tt-mobile-actions{
display:none;
}
#tt-hh-final .tt-mobile-contact{
display:none;
}
@media(max-width:1100px){
#tt-hh-final .tt-nav{
gap:14px;
}
#tt-hh-final .tt-nav a{
font-size:12px;
}
#tt-hh-final .tt-hero-grid{
grid-template-columns:
minmax(365px,.92fr)
minmax(0,1.08fr);
gap:27px;
}
#tt-hh-final .tt-hero h1{
font-size:
clamp(
43px,
4.3vw,
56px
);
}
#tt-hh-final .tt-benefits{
grid-template-columns:
1fr 1fr;
}
#tt-hh-final
.tt-benefit:nth-child(3){
grid-column:1 / -1;
max-width:50%;
}
}
@media(max-width:930px){
#tt-hh-final .tt-header-inner{
grid-template-areas:
"actions brand";
grid-template-columns:
auto 1fr;
}
#tt-hh-final .tt-header-cta{
display:none;
}
#tt-hh-final .tt-menu{
display:block;
}
#tt-hh-final .tt-nav{
position:absolute;
top:66px;
right:14px;
left:14px;
display:none;
padding:8px;
flex-direction:column;
align-items:stretch;
gap:2px;
border-radius:16px;
border:1px solid var(--line);
background:#fff;
box-shadow:var(--shadow);
}
#tt-hh-final .tt-nav.open{
display:flex;
}
#tt-hh-final .tt-nav a{
padding:9px 10px;
border-radius:9px;
font-size:13px;
}
#tt-hh-final .tt-nav a:hover{
background:var(--iris-soft);
}
#tt-hh-final .tt-nav a::after{
display:none;
}
}
@media(max-width:720px){
#tt-hh-final .tt-container{
width:
calc(100% - 14px);
}
#tt-hh-final .tt-header-inner{
min-height:61px;
}
#tt-hh-final .tt-brand-icon{
width:36px;
height:36px;
border-radius:11px;
}
#tt-hh-final .tt-brand-copy strong{
font-size:13px;
}
#tt-hh-final .tt-brand-copy small{
font-size:10px;
}
#tt-hh-final .tt-hero{
padding:7px 0 16px;
}
#tt-hh-final .tt-hero-box{
min-height:0;
padding:15px 10px 10px;
border-radius:25px;
}
#tt-hh-final .tt-edge{
display:none;
}
#tt-hh-final .tt-hero-grid{
min-height:0;
display:flex;
flex-direction:column;
gap:8px;
direction:rtl;
}
#tt-hh-final .tt-copy-side{
display:contents;
}
#tt-hh-final .tt-kicker{
order:1;
margin-bottom:0;
font-size:12px;
}
#tt-hh-final .tt-kicker::after{
width:44px;
}
#tt-hh-final .tt-hero h1{
order:2;
max-width:none;
font-size:
clamp(
31px,
9vw,
38px
);
line-height:1.3;
letter-spacing:-1px;
}
#tt-hh-final .tt-location{
order:3;
margin-top:0;
font-size:13px;
}
#tt-hh-final .tt-location-icon{
width:27px;
height:27px;
}
#tt-hh-final .tt-diff{
order:4;
margin-top:0;
font-size:15px;
}
#tt-hh-final .tt-visual-side{
order:5;
min-height:0;
grid-template-rows:
400px
auto;
border-radius:20px;
}
#tt-hh-final .tt-portrait-stage{
min-height:400px;
}
#tt-hh-final .tt-portrait-stage::before{
top:49px;
right:10px;
width:20px;
height:170px;
}
#tt-hh-final .tt-portrait-stage::after{
inset:10px;
border-radius:15px;
}
#tt-hh-final .tt-ring.r1{
width:270px;
height:270px;
top:83px;
}
#tt-hh-final .tt-ring.r2{
width:215px;
height:215px;
top:110px;
}
#tt-hh-final .tt-peach-circle{
width:47px;
height:47px;
top:93px;
left:15px;
}
#tt-hh-final .tt-watermark{
width:67px;
top:17px;
left:15px;
}
#tt-hh-final .tt-hand-note{
right:37px;
top:17px;
font-size:18px;
}
#tt-hh-final .tt-patient-badge{
top:52px;
left:9px;
max-width:205px;
min-height:39px;
padding:5px 7px;
}
#tt-hh-final .tt-patient-icon{
width:27px;
height:27px;
}
#tt-hh-final .tt-patient-badge strong{
font-size:11px;
}
#tt-hh-final .tt-patient-badge small{
display:none;
}
#tt-hh-final .tt-person{
width:min(
83%,
330px
) !important;
max-height:348px;
}
#tt-hh-final .tt-quote-zone{
padding:7px;
}
#tt-hh-final .tt-quote{
min-height:92px;
padding:10px 11px;
grid-template-columns:
minmax(0,1fr)
68px;
gap:7px;
}
#tt-hh-final .tt-quote-copy p{
font-size:12px;
}
#tt-hh-final .tt-quote-hand{
font-size:17px;
}
#tt-hh-final .tt-mobile-actions{
order:6;
display:grid;
gap:6px;
}
#tt-hh-final .tt-mobile-actions a{
width:100%;
}
#tt-hh-final .tt-support{
order:7;
margin-top:3px;
font-size:14px;
line-height:1.95;
}
#tt-hh-final .tt-benefits{
order:8;
margin-top:2px;
display:grid;
grid-template-columns:1fr;
gap:6px;
}
#tt-hh-final
.tt-benefit,
#tt-hh-final
.tt-benefit:nth-child(3){
min-height:64px;
max-width:none;
grid-column:auto;
padding:8px 9px;
}
#tt-hh-final .tt-benefit strong{
font-size:12px;
}
#tt-hh-final .tt-benefit p{
font-size:11px;
}
#tt-hh-final .tt-actions{
display:none;
}
#tt-hh-final .tt-mobile-contact{
position:fixed;
z-index:99990;
right:7px;
left:7px;
bottom:
max(
7px,
env(safe-area-inset-bottom)
);
min-height:55px;
padding:5px;
display:grid;
grid-template-columns:
1fr auto;
gap:4px;
border-radius:15px;
border:1px solid var(--line);
background:#fff;
box-shadow:
0 18px 42px
rgba(31,42,83,.20);
opacity:0;
transform:
translateY(78px);
pointer-events:none;
transition:
opacity .2s ease,
transform .2s ease;
}
#tt-hh-final .tt-mobile-contact.show{
opacity:1;
transform:none;
pointer-events:auto;
}
#tt-hh-final .tt-mobile-contact a{
min-height:44px;
font-size:13px;
}
}
@media(max-width:390px){
#tt-hh-final .tt-brand-copy small{
display:none;
}
#tt-hh-final .tt-hero h1{
font-size:30px;
}
#tt-hh-final .tt-visual-side{
grid-template-rows:
375px
auto;
}
#tt-hh-final .tt-portrait-stage{
min-height:375px;
}
#tt-hh-final .tt-person{
width:87% !important;
max-height:326px;
}
#tt-hh-final .tt-patient-badge{
max-width:185px;
}
}
@media(prefers-reduced-motion:reduce){
#tt-hh-final *,
#tt-hh-final *::before,
#tt-hh-final *::after{
animation:none !important;
transition:none !important;
scroll-behavior:auto !important;
}
}
@font-face{
font-family:"TTDanstevis";
src:url("../fonts/danstevis.ttf") format("truetype");
font-style:normal;
font-weight:400;
font-display:swap;
}
#tt-hh-final .tt-hand,
#tt-hh-final .tt-hand *,
#tt-hh-final .tt-hand-note,
#tt-hh-final .tt-quote-hand,
#tt-hh-final .tt-english-slogan{
font-family:"TTDanstevis" !important;
font-weight:400 !important;
font-style:normal !important;
}
#tt-hh-final{
--max:1360px;
--shadow:
0 34px 90px rgba(32,44,90,.085),
0 10px 30px rgba(32,44,90,.035);
}
#tt-hh-final .tt-header{
border-bottom:
1px solid
rgba(24,39,80,.075);
background:
rgba(255,253,251,.93);
-webkit-backdrop-filter:
blur(18px);
backdrop-filter:
blur(18px);
}
#tt-hh-final .tt-header-inner{
min-height:76px;
}
#tt-hh-final .tt-hero{
padding:
22px 0 38px;
}
#tt-hh-final .tt-hero-box{
min-height:650px;
padding:
46px;
border-radius:
40px;
border:
1px solid
rgba(105,117,243,.135);
background:
radial-gradient(
circle at 8% 10%,
rgba(105,117,243,.045),
transparent 25%
),
radial-gradient(
circle at 92% 92%,
rgba(213,129,106,.04),
transparent 26%
),
linear-gradient(
180deg,
#fffefd 0%,
#fffaf7 100%
);
box-shadow:
0 42px 110px rgba(32,44,90,.085),
0 14px 35px rgba(32,44,90,.035);
}
#tt-hh-final .tt-hero-box::before{
content:"";
position:absolute;
z-index:1;
top:0;
right:112px;
width:210px;
height:7px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
rgba(105,117,243,.24),
rgba(45,137,113,.17),
rgba(213,129,106,.21)
);
}
#tt-hh-final .tt-hero-box::after{
content:"";
position:absolute;
z-index:1;
left:5%;
right:5%;
bottom:0;
height:1px;
background:
linear-gradient(
90deg,
transparent,
rgba(105,117,243,.12),
transparent
);
}
#tt-hh-final .tt-hero-grid{
min-height:558px;
grid-template-columns:
minmax(430px,.97fr)
minmax(0,1.03fr);
gap:52px;
}
#tt-hh-final .tt-copy-side{
position:relative;
z-index:5;
padding:
24px 0 20px;
}
#tt-hh-final .tt-copy-side::before{
content:"01";
position:absolute;
z-index:-1;
right:-8px;
bottom:6px;
color:
rgba(24,39,80,.026);
font-family:
Arial,
sans-serif;
font-size:136px;
line-height:.8;
font-weight:900;
letter-spacing:-10px;
pointer-events:none;
}
#tt-hh-final .tt-kicker{
position:relative;
width:max-content;
padding:
6px 10px 6px 0;
margin-bottom:14px;
color:
var(--coral);
font-size:12px;
font-weight:900;
}
#tt-hh-final .tt-kicker::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:
var(--coral);
box-shadow:
0 0 0 5px
rgba(213,129,106,.08);
}
#tt-hh-final .tt-kicker::after{
width:58px;
background:
linear-gradient(
90deg,
rgba(105,117,243,.28),
transparent
);
}
#tt-hh-final .tt-hero h1{
max-width:700px;
font-size:
clamp(
48px,
4.35vw,
65px
);
line-height:1.22;
letter-spacing:-1.9px;
}
#tt-hh-final .tt-hero h1 span{
position:relative;
width:max-content;
max-width:100%;
}
#tt-hh-final .tt-hero h1 span::after{
content:"";
position:absolute;
z-index:-1;
right:0;
left:8%;
bottom:6px;
height:10px;
border-radius:999px;
background:
rgba(105,117,243,.075);
}
#tt-hh-final .tt-location{
width:max-content;
max-width:100%;
margin-top:19px;
padding:
7px 9px;
border:
1px solid
rgba(105,117,243,.09);
border-radius:12px;
background:
rgba(255,255,255,.72);
}
#tt-hh-final .tt-diff{
position:relative;
margin-top:12px;
padding-right:13px;
font-size:17px;
}
#tt-hh-final .tt-diff::before{
content:"";
position:absolute;
right:0;
top:8px;
width:4px;
height:21px;
border-radius:10px;
background:
var(--peach);
}
#tt-hh-final .tt-support{
margin-top:9px;
font-size:14.5px;
line-height:2.06;
}
#tt-hh-final .tt-benefits{
margin-top:19px;
gap:9px;
}
#tt-hh-final .tt-benefit{
position:relative;
min-height:132px;
padding:
13px 12px 12px;
display:grid;
grid-template-columns:
40px minmax(0,1fr);
align-items:start;
gap:10px;
overflow:hidden;
border-radius:17px;
background:
linear-gradient(
180deg,
#fff 0%,
#fffdfb 100%
);
box-shadow:
0 8px 22px
rgba(32,44,90,.025);
}
#tt-hh-final .tt-benefit::before{
content:"";
position:absolute;
top:0;
right:14px;
width:38px;
height:3px;
border-radius:
0 0 999px 999px;
background:
rgba(105,117,243,.28);
}
#tt-hh-final
.tt-benefit:nth-child(2)::before{
background:
rgba(213,129,106,.32);
}
#tt-hh-final
.tt-benefit:nth-child(3)::before{
background:
rgba(45,137,113,.30);
}
#tt-hh-final .tt-benefit > span:last-child{
display:grid;
grid-template-rows:
44px auto;
align-content:start;
}
#tt-hh-final .tt-benefit strong{
min-height:44px;
display:flex;
align-items:flex-start;
font-size:12.5px;
}
#tt-hh-final .tt-benefit p{
margin:0;
font-size:11px;
line-height:1.75;
}
#tt-hh-final .tt-benefit-icon{
width:40px;
height:40px;
border-radius:12px;
}
#tt-hh-final .tt-btn,
#tt-hh-final .tt-btn-soft{
min-height:52px;
border-radius:15px;
}
#tt-hh-final .tt-primary-action{
min-width:215px;
}
#tt-hh-final .tt-primary-action::after{
content:"";
width:6px;
height:6px;
border-radius:50%;
background:
rgba(255,255,255,.74);
box-shadow:
0 0 0 5px
rgba(255,255,255,.08);
}
#tt-hh-final .tt-visual-side{
min-height:558px;
grid-template-rows:
minmax(0,1fr)
120px;
border-radius:32px;
border:
1px solid
rgba(105,117,243,.13);
background:
radial-gradient(
circle at 50% 46%,
rgba(255,255,255,.75),
transparent 31%
),
linear-gradient(
145deg,
#f2efff 0%,
#f1effc 44%,
#eceafb 100%
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.28),
0 18px 45px
rgba(50,57,118,.055);
}
#tt-hh-final .tt-portrait-stage{
min-height:438px;
}
#tt-hh-final .tt-portrait-stage::after{
inset:19px;
border-radius:24px;
border:
1px solid
rgba(105,117,243,.14);
}
#tt-hh-final .tt-ring.r1{
width:360px;
height:360px;
top:66px;
border-color:
rgba(105,117,243,.19);
}
#tt-hh-final .tt-ring.r2{
width:284px;
height:284px;
top:104px;
border-color:
rgba(213,129,106,.16);
}
#tt-hh-final .tt-person{
width:min(84%,420px) !important;
max-height:421px;
}
#tt-hh-final .tt-visual-index{
position:absolute;
z-index:6;
right:29px;
bottom:21px;
display:flex;
align-items:flex-end;
gap:8px;
pointer-events:none;
}
#tt-hh-final .tt-visual-index strong{
color:
rgba(24,39,80,.18);
font-family:
Arial,
sans-serif;
font-size:31px;
line-height:.9;
font-weight:900;
letter-spacing:-2px;
}
#tt-hh-final .tt-visual-index span{
padding-bottom:2px;
color:
rgba(24,39,80,.34);
font-family:
Arial,
sans-serif;
font-size:6.5px;
font-weight:900;
letter-spacing:1.1px;
}
#tt-hh-final .tt-english-slogan{
position:absolute;
z-index:7;
left:13px;
top:50%;
transform:
translateY(-50%)
rotate(-90deg);
transform-origin:center;
color:
rgba(105,117,243,.60);
font-size:18px;
line-height:1;
white-space:nowrap;
pointer-events:none;
}
#tt-hh-final .tt-english-slogan::before{
content:"";
display:inline-block;
width:34px;
height:1px;
margin:
0 8px 4px 0;
background:
rgba(105,117,243,.30);
}
#tt-hh-final .tt-visual-axis{
position:absolute;
z-index:5;
right:12px;
top:44%;
width:14px;
height:125px;
transform:
translateY(-50%);
pointer-events:none;
}
#tt-hh-final .tt-visual-axis::before{
content:"";
position:absolute;
right:6px;
top:0;
bottom:0;
width:1px;
background:
rgba(24,39,80,.13);
}
#tt-hh-final .tt-visual-axis i{
position:absolute;
right:2px;
width:9px;
height:1px;
background:
rgba(24,39,80,.22);
}
#tt-hh-final .tt-visual-axis i:nth-child(1){
top:0;
}
#tt-hh-final .tt-visual-axis i:nth-child(2){
top:25%;
}
#tt-hh-final .tt-visual-axis i:nth-child(3){
top:50%;
}
#tt-hh-final .tt-visual-axis i:nth-child(4){
top:75%;
}
#tt-hh-final .tt-visual-axis i:nth-child(5){
bottom:0;
}
#tt-hh-final .tt-micro-tags{
position:absolute;
z-index:6;
right:32px;
top:22px;
display:flex;
align-items:center;
gap:5px;
pointer-events:none;
}
#tt-hh-final .tt-micro-tags span{
min-height:21px;
padding:
0 6px;
display:flex;
align-items:center;
border:
1px solid
rgba(24,39,80,.075);
border-radius:999px;
color:
rgba(24,39,80,.37);
background:
rgba(255,255,255,.53);
font-family:
Arial,
sans-serif;
font-size:5.8px;
font-weight:900;
letter-spacing:.7px;
}
#tt-hh-final .tt-crosshair{
position:absolute;
z-index:5;
width:18px;
height:18px;
pointer-events:none;
opacity:.54;
}
#tt-hh-final .tt-crosshair::before,
#tt-hh-final .tt-crosshair::after{
content:"";
position:absolute;
background:
rgba(105,117,243,.60);
}
#tt-hh-final .tt-crosshair::before{
top:8px;
left:0;
width:18px;
height:1px;
}
#tt-hh-final .tt-crosshair::after{
top:0;
left:8px;
width:1px;
height:18px;
}
#tt-hh-final .tt-crosshair.c1{
left:76px;
top:39px;
}
#tt-hh-final .tt-crosshair.c2{
right:72px;
bottom:52px;
transform:
scale(.72);
}
#tt-hh-final .tt-orbit-dot{
position:absolute;
z-index:5;
width:7px;
height:7px;
border-radius:50%;
pointer-events:none;
}
#tt-hh-final .tt-orbit-dot.d1{
left:22%;
top:36%;
background:
var(--iris);
box-shadow:
0 0 0 6px
rgba(105,117,243,.07);
}
#tt-hh-final .tt-orbit-dot.d2{
right:23%;
bottom:26%;
background:
var(--coral);
box-shadow:
0 0 0 6px
rgba(213,129,106,.07);
}
#tt-hh-final .tt-patient-badge{
top:75px;
left:18px;
border:
1px solid
rgba(24,39,80,.075);
border-radius:15px;
box-shadow:
0 12px 28px
rgba(32,44,90,.075);
}
#tt-hh-final .tt-hand-note{
right:59px;
top:35px;
font-size:22px;
}
#tt-hh-final .tt-watermark{
width:78px;
top:32px;
left:31px;
color:
rgba(105,117,243,.055);
}
#tt-hh-final .tt-quote-zone{
padding:
9px 10px 10px;
background:
rgba(255,255,255,.48);
}
#tt-hh-final .tt-quote{
min-height:99px;
border-radius:18px;
box-shadow:
0 12px 28px
rgba(32,44,90,.055);
}
#tt-hh-final .tt-quote-hand{
font-size:21px;
}
#tt-hh-final .tt-mobile-appbar{
display:none;
}
@media(max-width:720px){
#tt-hh-final{
--shadow:
0 18px 50px rgba(32,44,90,.075);
}
#tt-hh-final .tt-header{
top:0;
padding:
6px 0 0;
border-bottom:0;
background:
rgba(255,250,247,.80);
}
#tt-hh-final .tt-header-inner{
min-height:57px;
padding:
0 10px;
border:
1px solid
rgba(24,39,80,.075);
border-radius:18px;
background:
rgba(255,255,255,.94);
box-shadow:
0 10px 28px
rgba(32,44,90,.075);
-webkit-backdrop-filter:
blur(14px);
backdrop-filter:
blur(14px);
}
#tt-hh-final .tt-header .tt-container{
width:
calc(100% - 12px);
}
#tt-hh-final .tt-brand-icon{
border-radius:12px;
}
#tt-hh-final .tt-menu{
border-radius:11px;
background:
var(--iris-soft);
}
#tt-hh-final .tt-nav{
top:69px;
right:7px;
left:7px;
padding:7px;
border-radius:18px;
box-shadow:
0 22px 54px
rgba(32,44,90,.14);
}
#tt-hh-final .tt-hero{
padding:
7px 0 18px;
}
#tt-hh-final .tt-hero-box{
padding:
8px 8px 11px;
border-radius:29px;
background:
linear-gradient(
180deg,
#fffefd 0%,
#fffaf7 100%
);
box-shadow:
0 18px 50px
rgba(32,44,90,.07);
}
#tt-hh-final
.tt-hero-box::before{
right:62px;
width:102px;
height:4px;
}
#tt-hh-final .tt-mobile-appbar{
position:relative;
z-index:10;
min-height:39px;
padding:
0 7px 0 10px;
margin-bottom:7px;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
border:
1px solid
rgba(24,39,80,.065);
border-radius:14px;
background:
rgba(247,248,253,.76);
}
#tt-hh-final .tt-mobile-appbar-main{
display:flex;
align-items:center;
gap:7px;
}
#tt-hh-final .tt-mobile-appbar-index{
width:27px;
height:27px;
display:grid;
place-items:center;
border-radius:9px;
color:#fff;
background:
var(--ink);
font-family:
Arial,
sans-serif;
font-size:8px;
font-weight:900;
}
#tt-hh-final .tt-mobile-appbar-copy strong{
display:block;
color:
var(--ink);
font-size:8px;
line-height:1.4;
font-weight:900;
}
#tt-hh-final .tt-mobile-appbar-copy small{
display:block;
margin-top:1px;
color:
var(--muted);
font-family:
Arial,
sans-serif;
font-size:5.8px;
line-height:1.3;
font-weight:850;
letter-spacing:.8px;
}
#tt-hh-final .tt-mobile-appbar-status{
display:flex;
align-items:center;
gap:6px;
color:
var(--green);
font-size:7.5px;
font-weight:850;
}
#tt-hh-final .tt-mobile-appbar-status i{
width:6px;
height:6px;
border-radius:50%;
background:
var(--green);
box-shadow:
0 0 0 4px
rgba(45,137,113,.07);
}
#tt-hh-final .tt-hero-grid{
gap:7px;
}
#tt-hh-final .tt-kicker{
margin:
7px 5px 0;
padding:
3px 0;
font-size:10.5px;
}
#tt-hh-final .tt-kicker::before{
width:6px;
height:6px;
}
#tt-hh-final .tt-hero h1{
margin-inline:
5px;
font-size:
clamp(
30px,
8.7vw,
37px
);
line-height:1.31;
}
#tt-hh-final
.tt-hero h1 span::after{
height:6px;
bottom:4px;
}
#tt-hh-final .tt-location{
margin:
2px 5px 0;
padding:
5px 7px;
border-radius:10px;
font-size:11.5px;
}
#tt-hh-final .tt-location-icon{
width:25px;
height:25px;
}
#tt-hh-final .tt-diff{
margin:
1px 5px 0;
padding-right:10px;
font-size:13.5px;
}
#tt-hh-final .tt-diff::before{
top:6px;
width:3px;
height:17px;
}
#tt-hh-final .tt-visual-side{
margin-top:5px;
grid-template-rows:
392px auto;
border-radius:25px;
box-shadow:
0 14px 34px
rgba(50,57,118,.07);
}
#tt-hh-final .tt-portrait-stage{
min-height:392px;
}
#tt-hh-final
.tt-portrait-stage::after{
inset:9px;
border-radius:18px;
}
#tt-hh-final .tt-person{
width:min(84%,337px) !important;
max-height:348px;
}
#tt-hh-final .tt-ring.r1{
width:277px;
height:277px;
top:73px;
}
#tt-hh-final .tt-ring.r2{
width:220px;
height:220px;
top:104px;
}
#tt-hh-final .tt-patient-badge{
top:51px;
left:9px;
max-width:190px;
border-radius:12px;
}
#tt-hh-final .tt-hand-note{
right:32px;
top:16px;
font-size:17px;
}
#tt-hh-final .tt-watermark{
top:18px;
left:16px;
width:57px;
}
#tt-hh-final .tt-micro-tags{
top:auto;
right:14px;
bottom:17px;
gap:3px;
}
#tt-hh-final
.tt-micro-tags span{
min-height:18px;
padding:
0 5px;
font-size:5px;
background:
rgba(255,255,255,.62);
}
#tt-hh-final .tt-visual-index{
right:auto;
left:12px;
bottom:15px;
}
#tt-hh-final
.tt-visual-index strong{
font-size:24px;
}
#tt-hh-final
.tt-visual-index span{
display:none;
}
#tt-hh-final .tt-english-slogan{
left:-24px;
top:57%;
font-size:15px;
opacity:.82;
}
#tt-hh-final .tt-visual-axis{
right:6px;
height:87px;
}
#tt-hh-final .tt-crosshair.c1{
left:66px;
top:27px;
}
#tt-hh-final .tt-crosshair.c2{
right:50px;
bottom:50px;
}
#tt-hh-final .tt-orbit-dot.d1{
left:17%;
top:38%;
}
#tt-hh-final .tt-orbit-dot.d2{
right:17%;
bottom:25%;
}
#tt-hh-final .tt-quote-zone{
padding:
6px;
}
#tt-hh-final .tt-quote{
min-height:91px;
padding:
10px;
grid-template-columns:
minmax(0,1fr)
62px;
border-radius:16px;
}
#tt-hh-final .tt-quote-copy small{
font-size:8.5px;
}
#tt-hh-final .tt-quote-copy p{
font-size:11px;
line-height:1.8;
}
#tt-hh-final .tt-quote-hand{
font-size:16px;
}
#tt-hh-final .tt-mobile-actions{
margin:
1px 0 0;
padding:
6px;
gap:5px;
grid-template-columns:
1fr .88fr;
border:
1px solid
rgba(24,39,80,.07);
border-radius:17px;
background:
rgba(255,255,255,.92);
box-shadow:
0 11px 28px
rgba(32,44,90,.07);
}
#tt-hh-final .tt-mobile-actions a{
min-width:0;
min-height:47px;
padding:
0 10px;
border-radius:12px;
font-size:10.5px;
}
#tt-hh-final .tt-support{
margin:
3px 5px 0;
font-size:12.5px;
line-height:1.92;
}
#tt-hh-final .tt-benefits{
margin:
3px -1px 0;
padding:
1px 1px 6px;
display:flex;
gap:7px;
overflow-x:auto;
scroll-snap-type:
x proximity;
overscroll-behavior-inline:
contain;
-webkit-overflow-scrolling:
touch;
scrollbar-width:none;
}
#tt-hh-final
.tt-benefits::-webkit-scrollbar{
display:none;
}
#tt-hh-final .tt-benefit,
#tt-hh-final
.tt-benefit:nth-child(3){
width:78%;
min-width:78%;
min-height:92px;
flex:0 0 auto;
padding:
11px 10px;
grid-template-columns:
36px minmax(0,1fr);
scroll-snap-align:start;
border-radius:15px;
}
#tt-hh-final
.tt-benefit > span:last-child{
grid-template-rows:
auto auto;
}
#tt-hh-final .tt-benefit strong{
min-height:0;
font-size:11px;
}
#tt-hh-final .tt-benefit p{
margin-top:2px;
font-size:9.5px;
line-height:1.65;
}
#tt-hh-final .tt-benefit-icon{
width:36px;
height:36px;
}
#tt-hh-final .tt-mobile-contact{
right:6px;
left:6px;
padding:5px;
grid-template-columns:
1.14fr .86fr;
border-radius:17px;
background:
rgba(255,255,255,.95);
-webkit-backdrop-filter:
blur(16px);
backdrop-filter:
blur(16px);
}
#tt-hh-final .tt-mobile-contact a{
border-radius:12px;
font-size:10.5px;
}
}
#tt-hh-final .tt-contact-modal{
position:fixed;
z-index:999999;
inset:0;
padding:18px;
display:grid;
place-items:center;
background:
rgba(15,24,52,.54);
-webkit-backdrop-filter:
blur(9px);
backdrop-filter:
blur(9px);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:
opacity .18s ease,
visibility .18s ease;
}
#tt-hh-final
.tt-contact-modal.open{
opacity:1;
visibility:visible;
pointer-events:auto;
}
#tt-hh-final .tt-contact-dialog{
position:relative;
width:min(455px,100%);
overflow:hidden;
padding:
29px;
border:
1px solid
rgba(105,117,243,.13);
border-radius:28px;
background:
radial-gradient(
circle at 88% 10%,
rgba(105,117,243,.09),
transparent 27%
),
#fffdfb;
box-shadow:
0 38px 100px
rgba(7,16,42,.26);
transform:
translateY(12px)
scale(.985);
transition:
transform .2s ease;
}
#tt-hh-final
.tt-contact-modal.open
.tt-contact-dialog{
transform:none;
}
#tt-hh-final .tt-contact-dialog::before{
content:"";
position:absolute;
top:0;
right:58px;
width:110px;
height:5px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--iris),
var(--green)
);
}
#tt-hh-final .tt-contact-close{
position:absolute;
top:13px;
left:13px;
width:36px;
height:36px;
display:grid;
place-items:center;
border:
1px solid
var(--line);
border-radius:11px;
color:
var(--ink);
background:#fff;
cursor:pointer;
}
#tt-hh-final .tt-contact-meta{
display:flex;
align-items:center;
gap:8px;
margin-bottom:13px;
color:
var(--green);
font-family:
Arial,
sans-serif;
font-size:7px;
font-weight:900;
letter-spacing:1.1px;
}
#tt-hh-final .tt-contact-meta::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:
var(--green);
box-shadow:
0 0 0 5px
rgba(45,137,113,.08);
}
#tt-hh-final .tt-contact-dialog h2{
margin:0;
color:
var(--ink);
font-size:30px;
line-height:1.5;
font-weight:950;
}
#tt-hh-final .tt-contact-dialog p{
margin:
6px 0 0;
color:
var(--text);
font-size:12.5px;
line-height:1.95;
}
#tt-hh-final .tt-contact-hand{
display:block;
width:max-content;
margin:
4px 0 0;
color:
rgba(105,117,243,.68);
font-size:19px;
transform:
rotate(-3deg);
}
#tt-hh-final .tt-contact-number{
margin-top:18px;
min-height:71px;
padding:
0 16px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border:
1px solid
rgba(105,117,243,.11);
border-radius:18px;
color:
var(--ink);
background:
linear-gradient(
145deg,
#f7f8ff,
#fff8f4
);
}
#tt-hh-final
.tt-contact-number span{
color:
var(--muted);
font-size:9px;
font-weight:800;
}
#tt-hh-final
.tt-contact-number strong{
direction:ltr;
unicode-bidi:embed;
font-family:
Arial,
sans-serif;
font-size:23px;
font-weight:900;
letter-spacing:.5px;
}
#tt-hh-final .tt-contact-actions{
margin-top:9px;
display:grid;
grid-template-columns:
1fr .82fr;
gap:7px;
}
#tt-hh-final
.tt-contact-actions .tt-btn,
#tt-hh-final
.tt-contact-actions .tt-btn-soft{
width:100%;
min-height:49px;
border:0;
cursor:pointer;
}
#tt-hh-final .tt-contact-foot{
margin-top:12px;
padding-top:11px;
display:flex;
align-items:center;
gap:7px;
border-top:
1px solid
var(--line);
color:
var(--muted);
font-size:8.5px;
line-height:1.7;
}
#tt-hh-final
.tt-contact-foot i{
width:6px;
height:6px;
flex:0 0 auto;
border-radius:50%;
background:
var(--peach);
}
@media(max-width:720px){
#tt-hh-final .tt-contact-modal{
display:none !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-mobile-appbar-copy strong{
font-size:7.5px;
}
#tt-hh-final .tt-visual-side{
grid-template-rows:
372px auto;
}
#tt-hh-final .tt-portrait-stage{
min-height:372px;
}
#tt-hh-final .tt-person{
width:87% !important;
max-height:326px;
}
#tt-hh-final .tt-benefit,
#tt-hh-final
.tt-benefit:nth-child(3){
width:84%;
min-width:84%;
}
}
@media(prefers-reduced-motion:reduce){
#tt-hh-final .tt-contact-modal,
#tt-hh-final .tt-contact-dialog{
transition:none !important;
}
}
#tt-hh-final{
--bg:#fff8f5;
--paper:#fffefd;
--ink:#17264f;
--ink-2:#2c3c68;
--text:#5f6578;
--muted:#9297a7;
--iris:#6b63f3;
--iris-dark:#5852df;
--iris-soft:#efedff;
--lilac:#eee9ff;
--lilac-2:#ddd5ff;
--peach:#ffd2c1;
--peach-soft:#fff0ea;
--coral:#e7836d;
--green:#3d8c77;
--green-soft:#eaf7f2;
--line:rgba(23,38,79,.085);
--line-2:rgba(107,99,243,.18);
background:
linear-gradient(
180deg,
#fff8f5 0%,
#fffaf7 100%
);
}
#tt-hh-final .tt-hand,
#tt-hh-final .tt-hand *,
#tt-hh-final .tt-hand-note,
#tt-hh-final .tt-quote-hand,
#tt-hh-final .tt-contact-hand,
#tt-hh-final .tt-english-slogan{
font-family:"TTDanstevis" !important;
font-weight:400 !important;
font-style:normal !important;
text-transform:none !important;
}
#tt-hh-final .tt-header{
background:
rgba(255,250,247,.92);
box-shadow:
0 9px 30px
rgba(38,43,91,.025);
}
#tt-hh-final .tt-brand-icon{
color:#665ff0;
border-color:
rgba(107,99,243,.17);
background:
linear-gradient(
145deg,
#f0edff,
#fff4ee
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.60);
}
#tt-hh-final .tt-header-cta{
border-color:transparent;
background:
linear-gradient(
135deg,
#6d64f4 0%,
#625ae8 100%
);
box-shadow:
0 10px 24px
rgba(107,99,243,.18);
}
#tt-hh-final .tt-hero-box{
border-color:
rgba(107,99,243,.12);
background:
radial-gradient(
circle at 91% 8%,
rgba(255,205,188,.23),
transparent 24%
),
radial-gradient(
circle at 9% 83%,
rgba(205,196,255,.22),
transparent 25%
),
radial-gradient(
circle at 52% 42%,
rgba(255,255,255,.92),
transparent 48%
),
linear-gradient(
145deg,
#fffdfb 0%,
#fff9f6 53%,
#fbf8ff 100%
);
box-shadow:
0 45px 115px
rgba(40,44,92,.085),
0 14px 34px
rgba(40,44,92,.032);
}
#tt-hh-final .tt-hero-box::before{
width:236px;
background:
linear-gradient(
90deg,
rgba(231,131,109,.50),
rgba(107,99,243,.52),
rgba(61,140,119,.30)
);
}
#tt-hh-final .tt-kicker{
color:#d87964;
}
#tt-hh-final .tt-kicker::before{
background:#e7836d;
box-shadow:
0 0 0 5px
rgba(231,131,109,.085);
}
#tt-hh-final .tt-hero h1 span{
color:#675ff0;
}
#tt-hh-final .tt-hero h1 span::after{
left:3%;
bottom:5px;
height:12px;
background:
linear-gradient(
90deg,
rgba(107,99,243,.11),
rgba(231,131,109,.055)
);
}
#tt-hh-final .tt-location{
border-color:
rgba(107,99,243,.095);
background:
linear-gradient(
145deg,
rgba(255,255,255,.90),
rgba(248,246,255,.82)
);
box-shadow:
0 6px 18px
rgba(47,52,104,.028);
}
#tt-hh-final .tt-location-icon{
color:#655df0;
background:
linear-gradient(
145deg,
#eeebff,
#f8f6ff
);
}
#tt-hh-final .tt-diff::before{
background:
linear-gradient(
180deg,
#ef9a7f,
#6b63f3
);
}
#tt-hh-final .tt-benefit{
border-color:
rgba(23,38,79,.075);
background:
linear-gradient(
155deg,
rgba(255,255,255,.96),
rgba(255,250,247,.93)
);
box-shadow:
0 10px 28px
rgba(44,48,96,.035);
}
#tt-hh-final .tt-benefit:nth-child(1){
background:
linear-gradient(
145deg,
#ffffff,
#f7f5ff
);
}
#tt-hh-final .tt-benefit:nth-child(2){
background:
linear-gradient(
145deg,
#ffffff,
#fff7f2
);
}
#tt-hh-final .tt-benefit:nth-child(3){
background:
linear-gradient(
145deg,
#ffffff,
#f4faf7
);
}
#tt-hh-final .tt-btn{
border-color:transparent;
background:
linear-gradient(
135deg,
#7068f6 0%,
#655dec 58%,
#5e57e4 100%
);
box-shadow:
0 14px 30px
rgba(107,99,243,.21);
}
#tt-hh-final .tt-btn:hover{
background:
linear-gradient(
135deg,
#655eea,
#5750d9
);
box-shadow:
0 19px 37px
rgba(107,99,243,.27);
}
#tt-hh-final .tt-visual-side{
position:relative;
isolation:isolate;
border-color:
rgba(107,99,243,.12);
background:
radial-gradient(
circle at 78% 18%,
rgba(255,195,177,.55),
transparent 21%
),
radial-gradient(
circle at 20% 76%,
rgba(255,216,202,.38),
transparent 23%
),
radial-gradient(
circle at 47% 42%,
rgba(255,255,255,.77),
transparent 31%
),
linear-gradient(
145deg,
#ece7ff 0%,
#f2edff 49%,
#e8e5fb 100%
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.48),
0 21px 52px
rgba(76,68,154,.075);
}
#tt-hh-final .tt-visual-side::before{
content:"";
position:absolute;
z-index:0;
width:235px;
height:310px;
right:22px;
top:35px;
border-radius:
96px 96px 42px 42px;
background:
linear-gradient(
180deg,
rgba(221,212,255,.82),
rgba(239,233,255,.43)
);
transform:
rotate(2deg);
pointer-events:none;
}
#tt-hh-final .tt-visual-side::after{
content:"";
position:absolute;
z-index:0;
width:150px;
height:150px;
left:34px;
top:88px;
border-radius:50%;
background:
linear-gradient(
145deg,
rgba(255,196,176,.69),
rgba(255,225,214,.40)
);
filter:
blur(.2px);
pointer-events:none;
}
#tt-hh-final .tt-portrait-stage{
isolation:isolate;
}
#tt-hh-final .tt-portrait-stage::before{
z-index:1;
top:71px;
right:20px;
width:23px;
height:214px;
border-radius:999px;
background:
linear-gradient(
180deg,
rgba(239,151,126,.76),
rgba(239,151,126,.18)
);
}
#tt-hh-final .tt-portrait-stage::after{
z-index:2;
inset:18px;
border-color:
rgba(107,99,243,.13);
border-radius:25px;
}
#tt-hh-final .tt-person{
z-index:6;
width:min(82%,410px) !important;
max-height:422px;
filter:
drop-shadow(
0 20px 24px
rgba(47,45,92,.085)
) !important;
}
#tt-hh-final .tt-photo-haze{
position:absolute;
z-index:9;
pointer-events:none;
opacity:.98;
}
#tt-hh-final .tt-photo-haze.haze-left{
left:3%;
bottom:0;
width:20%;
height:170px;
background:
linear-gradient(
90deg,
rgba(238,233,255,.98) 0%,
rgba(238,233,255,.70) 31%,
rgba(238,233,255,.20) 72%,
transparent 100%
);
filter:
blur(8px);
}
#tt-hh-final .tt-photo-haze.haze-right{
right:3%;
bottom:0;
width:20%;
height:170px;
background:
linear-gradient(
270deg,
rgba(237,232,255,.98) 0%,
rgba(237,232,255,.70) 31%,
rgba(237,232,255,.20) 72%,
transparent 100%
);
filter:
blur(8px);
}
#tt-hh-final .tt-photo-haze.haze-bottom{
right:9%;
left:9%;
bottom:-5px;
height:67px;
background:
linear-gradient(
180deg,
transparent 0%,
rgba(238,233,255,.30) 33%,
rgba(238,233,255,.88) 100%
);
filter:
blur(7px);
}
#tt-hh-final .tt-photo-aura{
position:absolute;
z-index:5;
left:50%;
bottom:3px;
width:74%;
height:102px;
transform:
translateX(-50%);
border-radius:50%;
background:
radial-gradient(
ellipse at center,
rgba(255,255,255,.84) 0%,
rgba(239,234,255,.44) 49%,
transparent 74%
);
filter:
blur(12px);
pointer-events:none;
}
#tt-hh-final .tt-ring.r1{
width:374px;
height:374px;
top:54px;
border-color:
rgba(107,99,243,.22);
}
#tt-hh-final .tt-ring.r2{
width:291px;
height:291px;
top:96px;
border-color:
rgba(231,131,109,.20);
}
#tt-hh-final .tt-peach-circle{
left:31px;
top:147px;
width:60px;
height:60px;
background:
linear-gradient(
145deg,
#ffcbb9,
#ffdcd0
);
box-shadow:
0 12px 28px
rgba(231,131,109,.10);
}
#tt-hh-final .tt-hand-note{
z-index:30;
top:31px;
right:56px;
min-width:118px;
padding:
3px 8px 7px;
color:
rgba(88,78,211,.72);
font-size:22px;
line-height:1.1;
text-align:center;
transform:
rotate(-3deg);
background:
linear-gradient(
90deg,
rgba(244,240,255,.88),
rgba(244,240,255,.20)
);
border-radius:10px;
}
#tt-hh-final .tt-hand-note::after{
right:13px;
top:30px;
width:65px;
border-bottom-color:
rgba(107,99,243,.30);
}
#tt-hh-final .tt-english-slogan{
z-index:30;
left:33px;
top:auto;
bottom:43px;
min-width:142px;
padding:
4px 8px 7px;
transform:
rotate(-5deg);
transform-origin:center;
color:
rgba(91,80,208,.69);
font-size:22px;
line-height:1;
text-align:left;
background:
linear-gradient(
90deg,
rgba(243,239,255,.92),
rgba(243,239,255,.14)
);
border-radius:10px;
white-space:nowrap;
pointer-events:none;
}
#tt-hh-final .tt-english-slogan::before{
width:28px;
margin:
0 6px 4px 0;
background:
rgba(107,99,243,.26);
}
#tt-hh-final .tt-micro-tags{
z-index:18;
right:auto;
left:31px;
top:24px;
}
#tt-hh-final .tt-visual-index{
z-index:18;
right:31px;
bottom:28px;
}
#tt-hh-final .tt-visual-axis{
z-index:4;
right:13px;
top:49%;
}
#tt-hh-final .tt-crosshair{
z-index:4;
}
#tt-hh-final .tt-crosshair.c1{
left:77px;
top:90px;
}
#tt-hh-final .tt-crosshair.c2{
right:76px;
bottom:89px;
}
#tt-hh-final .tt-orbit-dot{
z-index:4;
}
#tt-hh-final .tt-orbit-dot.d1{
left:23%;
top:42%;
}
#tt-hh-final .tt-orbit-dot.d2{
right:21%;
bottom:34%;
}
#tt-hh-final .tt-aesthetic-label{
position:absolute;
z-index:18;
right:31px;
top:96px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(23,38,79,.31);
font-family:
Arial,
sans-serif;
font-size:6px;
font-weight:900;
letter-spacing:1.6px;
pointer-events:none;
}
#tt-hh-final .tt-aesthetic-label i{
width:26px;
height:1px;
background:
rgba(231,131,109,.42);
}
#tt-hh-final .tt-face-harmony{
position:absolute;
z-index:18;
right:28px;
bottom:76px;
display:grid;
grid-template-columns:
auto 31px auto;
align-items:center;
gap:7px;
color:
rgba(23,38,79,.34);
font-family:
Arial,
sans-serif;
font-size:5.7px;
font-weight:900;
letter-spacing:1px;
pointer-events:none;
}
#tt-hh-final .tt-face-harmony i{
width:31px;
height:1px;
background:
rgba(107,99,243,.22);
}
#tt-hh-final .tt-face-harmony b{
color:
rgba(23,38,79,.19);
font-size:14px;
line-height:1;
font-weight:900;
}
#tt-hh-final .tt-dot-matrix{
position:absolute;
z-index:4;
left:35px;
top:213px;
width:30px;
display:grid;
grid-template-columns:
repeat(4,3px);
gap:5px;
pointer-events:none;
}
#tt-hh-final .tt-dot-matrix i{
width:3px;
height:3px;
border-radius:50%;
background:
rgba(23,38,79,.17);
}
#tt-hh-final .tt-smile-curve{
position:absolute;
z-index:4;
left:28px;
bottom:100px;
width:92px;
height:auto;
color:
rgba(107,99,243,.24);
transform:
rotate(-8deg);
pointer-events:none;
}
#tt-hh-final .tt-patient-badge{
z-index:22;
top:123px;
left:24px;
max-width:218px;
background:
rgba(255,255,255,.90);
border-color:
rgba(23,38,79,.075);
box-shadow:
0 13px 30px
rgba(49,46,100,.08);
-webkit-backdrop-filter:
blur(9px);
backdrop-filter:
blur(9px);
}
#tt-hh-final .tt-quote-zone{
background:
linear-gradient(
180deg,
rgba(255,255,255,.42),
rgba(255,248,244,.74)
);
}
#tt-hh-final .tt-quote{
border-color:
rgba(23,38,79,.075);
background:
linear-gradient(
145deg,
#fff 0%,
#fffbf8 100%
);
}
#tt-hh-final .tt-quote::before{
background:
linear-gradient(
180deg,
#f0a087,
#756df2
);
}
#tt-hh-final .tt-contact-modal{
background:
rgba(18,28,60,.56);
-webkit-backdrop-filter:
blur(12px);
backdrop-filter:
blur(12px);
}
#tt-hh-final .tt-contact-dialog{
border-color:
rgba(107,99,243,.14);
background:
radial-gradient(
circle at 91% 9%,
rgba(107,99,243,.11),
transparent 27%
),
radial-gradient(
circle at 8% 93%,
rgba(255,203,185,.22),
transparent 29%
),
linear-gradient(
145deg,
#fffefd,
#fff9f6
);
box-shadow:
0 40px 110px
rgba(10,17,43,.30);
}
#tt-hh-final .tt-contact-dialog::before{
width:135px;
background:
linear-gradient(
90deg,
#e98f75,
#6b63f3,
#4e927e
);
}
#tt-hh-final .tt-contact-hand{
position:relative;
z-index:2;
min-height:30px;
padding:
2px 8px 5px;
color:
rgba(91,80,208,.72);
background:
linear-gradient(
90deg,
rgba(239,235,255,.95),
transparent
);
border-radius:9px;
}
@media(max-width:720px){
#tt-hh-final{
background:#fff8f5;
}
#tt-hh-final .tt-header{
background:
rgba(255,248,245,.78);
}
#tt-hh-final .tt-hero-box{
background:
radial-gradient(
circle at 90% 5%,
rgba(255,206,188,.18),
transparent 24%
),
linear-gradient(
180deg,
#fffefd,
#fff9f6
);
}
#tt-hh-final .tt-mobile-appbar{
min-height:43px;
border-color:
rgba(107,99,243,.085);
background:
linear-gradient(
145deg,
rgba(249,247,255,.92),
rgba(255,250,247,.93)
);
box-shadow:
0 7px 22px
rgba(46,48,98,.035);
}
#tt-hh-final .tt-mobile-appbar-index{
background:
linear-gradient(
145deg,
#7068f6,
#5d56dd
);
}
#tt-hh-final .tt-visual-side{
grid-template-rows:
404px auto;
border-radius:26px;
background:
radial-gradient(
circle at 84% 15%,
rgba(255,196,176,.47),
transparent 20%
),
radial-gradient(
circle at 20% 79%,
rgba(255,216,202,.32),
transparent 22%
),
linear-gradient(
145deg,
#ece7ff 0%,
#f1ecff 54%,
#e8e4fb 100%
);
}
#tt-hh-final .tt-visual-side::before{
width:168px;
height:245px;
right:14px;
top:32px;
border-radius:
70px 70px 30px 30px;
}
#tt-hh-final .tt-visual-side::after{
width:91px;
height:91px;
left:15px;
top:106px;
}
#tt-hh-final .tt-portrait-stage{
min-height:404px;
}
#tt-hh-final .tt-person{
width:min(81%,330px) !important;
max-height:350px;
}
#tt-hh-final .tt-photo-haze.haze-left{
left:0;
width:22%;
height:136px;
filter:
blur(7px);
}
#tt-hh-final .tt-photo-haze.haze-right{
right:0;
width:22%;
height:136px;
filter:
blur(7px);
}
#tt-hh-final .tt-photo-haze.haze-bottom{
right:7%;
left:7%;
height:58px;
filter:
blur(6px);
}
#tt-hh-final .tt-photo-aura{
width:82%;
height:78px;
filter:
blur(10px);
}
#tt-hh-final .tt-hand-note{
top:18px;
right:29px;
min-width:95px;
padding:
2px 6px 5px;
font-size:17px;
background:
linear-gradient(
90deg,
rgba(242,238,255,.93),
rgba(242,238,255,.14)
);
}
#tt-hh-final .tt-hand-note::after{
top:24px;
width:48px;
}
#tt-hh-final .tt-english-slogan{
left:14px;
bottom:44px;
min-width:113px;
padding:
3px 5px 5px;
font-size:17px;
transform:
rotate(-5deg);
}
#tt-hh-final .tt-micro-tags{
left:14px;
top:18px;
}
#tt-hh-final .tt-micro-tags span{
min-height:17px;
padding:
0 4px;
font-size:4.6px;
}
#tt-hh-final .tt-patient-badge{
top:71px;
left:10px;
max-width:176px;
min-height:37px;
padding:
5px 7px;
}
#tt-hh-final .tt-aesthetic-label{
right:16px;
top:67px;
font-size:4.8px;
letter-spacing:1.1px;
}
#tt-hh-final .tt-aesthetic-label i{
width:18px;
}
#tt-hh-final .tt-face-harmony{
right:13px;
bottom:72px;
grid-template-columns:
auto 18px auto;
gap:4px;
font-size:4.5px;
}
#tt-hh-final .tt-face-harmony i{
width:18px;
}
#tt-hh-final .tt-face-harmony b{
font-size:10px;
}
#tt-hh-final .tt-dot-matrix{
left:15px;
top:206px;
opacity:.74;
}
#tt-hh-final .tt-smile-curve{
left:15px;
bottom:89px;
width:65px;
}
#tt-hh-final .tt-visual-index{
right:12px;
left:auto;
bottom:28px;
}
#tt-hh-final .tt-visual-index strong{
font-size:25px;
}
#tt-hh-final .tt-visual-index span{
display:block;
max-width:68px;
font-size:4.7px;
letter-spacing:.7px;
}
#tt-hh-final .tt-crosshair.c1{
left:64px;
top:92px;
}
#tt-hh-final .tt-crosshair.c2{
right:48px;
bottom:109px;
}
#tt-hh-final .tt-orbit-dot.d1{
left:18%;
top:46%;
}
#tt-hh-final .tt-orbit-dot.d2{
right:17%;
bottom:37%;
}
#tt-hh-final .tt-mobile-actions{
border-color:
rgba(107,99,243,.08);
background:
linear-gradient(
145deg,
rgba(255,255,255,.96),
rgba(250,248,255,.93)
);
}
#tt-hh-final .tt-mobile-contact{
border-color:
rgba(107,99,243,.09);
background:
rgba(255,253,252,.96);
}
}
@media(max-width:390px){
#tt-hh-final .tt-visual-side{
grid-template-rows:
382px auto;
}
#tt-hh-final .tt-portrait-stage{
min-height:382px;
}
#tt-hh-final .tt-person{
width:83% !important;
max-height:331px;
}
#tt-hh-final .tt-hand-note{
right:23px;
font-size:16px;
}
#tt-hh-final .tt-english-slogan{
left:8px;
min-width:102px;
font-size:15px;
}
#tt-hh-final .tt-patient-badge{
top:68px;
max-width:163px;
}
#tt-hh-final .tt-aesthetic-label{
right:13px;
top:63px;
}
#tt-hh-final .tt-micro-tags{
left:10px;
}
}
@media(prefers-reduced-motion:reduce){
#tt-hh-final .tt-person,
#tt-hh-final .tt-photo-haze,
#tt-hh-final .tt-photo-aura,
#tt-hh-final .tt-visual-side::before,
#tt-hh-final .tt-visual-side::after{
transition:none !important;
animation:none !important;
}
}
@media(max-width:930px){
#tt-hh-final .tt-header{
position:relative !important;
top:auto !important;
inset:auto !important;
transform:none !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-header{
position:relative !important;
top:auto !important;
z-index:50 !important;
padding:0 !important;
border:0 !important;
border-bottom:1px solid rgba(23,38,79,.065) !important;
background:#fffaf7 !important;
box-shadow:none !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
#tt-hh-final .tt-header .tt-container{
width:calc(100% - 24px) !important;
}
#tt-hh-final .tt-header-inner{
min-height:62px !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
#tt-hh-final .tt-brand{
gap:8px;
}
#tt-hh-final .tt-brand-icon{
width:37px;
height:37px;
border-radius:12px;
box-shadow:none;
}
#tt-hh-final .tt-brand-copy strong{
font-size:12.5px;
}
#tt-hh-final .tt-brand-copy small{
font-size:8.8px;
}
#tt-hh-final .tt-menu{
width:39px;
height:39px;
border-radius:12px;
border-color:rgba(107,99,243,.10);
background:linear-gradient(145deg,#f3f0ff,#fff8f4);
}
#tt-hh-final .tt-nav{
top:78px !important;
right:0 !important;
left:0 !important;
padding:7px !important;
border-radius:17px !important;
border-color:rgba(23,38,79,.07) !important;
background:#fffefd !important;
box-shadow:0 18px 45px rgba(31,42,83,.13) !important;
}
#tt-hh-final .tt-mobile-appbar{
display:none !important;
}
#tt-hh-final .tt-container{
width:calc(100% - 16px);
}
#tt-hh-final .tt-hero{
padding:10px 0 24px !important;
}
#tt-hh-final .tt-hero-box{
overflow:visible;
min-height:0 !important;
padding:16px 12px 13px !important;
border:1px solid rgba(107,99,243,.09) !important;
border-radius:28px !important;
background:
radial-gradient(circle at 92% 6%,rgba(255,210,193,.17),transparent 19%),
linear-gradient(180deg,#fffefd 0%,#fffaf7 100%) !important;
box-shadow:
0 16px 42px rgba(37,43,91,.055) !important;
}
#tt-hh-final .tt-hero-box::before{
right:34px !important;
width:92px !important;
height:4px !important;
}
#tt-hh-final .tt-hero-box::after{
display:none !important;
}
#tt-hh-final .tt-hero-grid{
gap:9px !important;
}
#tt-hh-final .tt-kicker{
order:1 !important;
margin:0 2px !important;
padding:0 !important;
font-size:10px !important;
}
#tt-hh-final .tt-kicker::after{
width:34px !important;
}
#tt-hh-final .tt-hero h1{
order:2 !important;
margin:2px 2px 0 !important;
font-size:clamp(30px,8.5vw,36px) !important;
line-height:1.34 !important;
letter-spacing:-.65px !important;
}
#tt-hh-final .tt-hero h1 span{
width:auto !important;
}
#tt-hh-final .tt-hero h1 span::after{
left:0 !important;
right:0 !important;
bottom:3px !important;
height:5px !important;
}
#tt-hh-final .tt-location{
order:3 !important;
width:100% !important;
margin:4px 0 0 !important;
padding:7px 9px !important;
border-radius:12px !important;
background:linear-gradient(145deg,#f8f6ff,#fffaf6) !important;
font-size:11px !important;
line-height:1.65 !important;
}
#tt-hh-final .tt-location-icon{
width:27px !important;
height:27px !important;
}
#tt-hh-final .tt-diff{
order:4 !important;
margin:5px 1px 0 !important;
padding-right:10px !important;
font-size:13px !important;
line-height:1.8 !important;
}
#tt-hh-final .tt-support{
order:5 !important;
margin:0 1px !important;
padding:0 0 2px !important;
font-size:12.3px !important;
line-height:1.95 !important;
}
#tt-hh-final .tt-visual-side{
order:6 !important;
margin-top:2px !important;
grid-template-rows:338px auto !important;
border-radius:24px !important;
border-color:rgba(107,99,243,.105) !important;
background:
radial-gradient(circle at 84% 14%,rgba(255,197,177,.37),transparent 18%),
radial-gradient(circle at 15% 82%,rgba(220,212,255,.32),transparent 21%),
linear-gradient(145deg,#efebff 0%,#f2eeff 56%,#ebe7fb 100%) !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.36),
0 12px 29px rgba(73,67,145,.055) !important;
}
#tt-hh-final .tt-visual-side::before{
width:143px !important;
height:213px !important;
right:12px !important;
top:31px !important;
border-radius:61px 61px 26px 26px !important;
}
#tt-hh-final .tt-visual-side::after{
width:73px !important;
height:73px !important;
left:13px !important;
top:140px !important;
}
#tt-hh-final .tt-portrait-stage{
min-height:338px !important;
}
#tt-hh-final .tt-portrait-stage::before{
top:63px !important;
right:10px !important;
width:15px !important;
height:128px !important;
}
#tt-hh-final .tt-portrait-stage::after{
inset:8px !important;
border-radius:18px !important;
}
#tt-hh-final .tt-person{
width:min(82%,302px) !important;
max-height:303px !important;
}
#tt-hh-final .tt-ring.r1{
width:234px !important;
height:234px !important;
top:88px !important;
}
#tt-hh-final .tt-ring.r2{
width:184px !important;
height:184px !important;
top:90px !important;
}
#tt-hh-final .tt-peach-circle{
width:40px !important;
height:40px !important;
top:101px !important;
left:12px !important;
}
#tt-hh-final .tt-watermark,
#tt-hh-final .tt-micro-tags,
#tt-hh-final .tt-visual-axis,
#tt-hh-final .tt-crosshair,
#tt-hh-final .tt-orbit-dot,
#tt-hh-final .tt-aesthetic-label,
#tt-hh-final .tt-face-harmony,
#tt-hh-final .tt-dot-matrix,
#tt-hh-final .tt-smile-curve,
#tt-hh-final .tt-spark{
display:none !important;
}
#tt-hh-final .tt-hand-note{
z-index:25 !important;
top:15px !important;
right:18px !important;
min-width:auto !important;
padding:2px 7px 5px !important;
border-radius:9px !important;
color:rgba(91,80,208,.71) !important;
background:linear-gradient(90deg,rgba(243,239,255,.94),rgba(243,239,255,.18)) !important;
font-size:16px !important;
transform:rotate(-2.5deg) !important;
}
#tt-hh-final .tt-hand-note::after{
top:22px !important;
right:10px !important;
width:42px !important;
height:12px !important;
}
#tt-hh-final .tt-english-slogan{
z-index:24 !important;
left:12px !important;
top:auto !important;
bottom:16px !important;
min-width:auto !important;
padding:2px 5px 5px !important;
color:rgba(91,80,208,.64) !important;
background:linear-gradient(90deg,rgba(243,239,255,.90),rgba(243,239,255,.10)) !important;
font-size:15px !important;
transform:rotate(-3deg) !important;
}
#tt-hh-final .tt-visual-index{
z-index:24 !important;
right:11px !important;
left:auto !important;
bottom:13px !important;
}
#tt-hh-final .tt-visual-index strong{
font-size:22px !important;
}
#tt-hh-final .tt-visual-index span{
display:none !important;
}
#tt-hh-final .tt-patient-badge{
z-index:26 !important;
top:54px !important;
left:10px !important;
max-width:158px !important;
min-height:36px !important;
padding:5px 7px !important;
border-radius:12px !important;
background:rgba(255,255,255,.88) !important;
box-shadow:0 8px 20px rgba(47,46,100,.055) !important;
}
#tt-hh-final .tt-patient-icon{
width:25px !important;
height:25px !important;
}
#tt-hh-final .tt-patient-badge strong{
font-size:9.2px !important;
line-height:1.55 !important;
}
#tt-hh-final .tt-patient-badge small{
display:none !important;
}
#tt-hh-final .tt-photo-haze.haze-left,
#tt-hh-final .tt-photo-haze.haze-right{
width:19% !important;
height:105px !important;
filter:blur(6px) !important;
}
#tt-hh-final .tt-photo-haze.haze-bottom{
right:9% !important;
left:9% !important;
height:48px !important;
filter:blur(5px) !important;
}
#tt-hh-final .tt-photo-aura{
width:77% !important;
height:60px !important;
filter:blur(8px) !important;
}
#tt-hh-final .tt-quote-zone{
padding:6px !important;
background:rgba(255,255,255,.44) !important;
}
#tt-hh-final .tt-quote{
min-height:0 !important;
padding:10px 11px !important;
display:block !important;
border-radius:15px !important;
background:#fff !important;
box-shadow:0 7px 18px rgba(40,44,92,.03) !important;
}
#tt-hh-final .tt-quote::before{
right:-3px !important;
top:11px !important;
width:5px !important;
height:35px !important;
}
#tt-hh-final .tt-quote-copy small{
margin-bottom:3px !important;
font-size:8px !important;
}
#tt-hh-final .tt-quote-copy p{
font-size:11px !important;
line-height:1.78 !important;
}
#tt-hh-final .tt-quote-hand{
display:none !important;
}
#tt-hh-final .tt-mobile-actions{
order:7 !important;
margin:1px 0 0 !important;
padding:5px !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:5px !important;
border:1px solid rgba(23,38,79,.07) !important;
border-radius:16px !important;
background:linear-gradient(145deg,#fff,#faf8ff) !important;
box-shadow:0 8px 22px rgba(39,43,91,.045) !important;
}
#tt-hh-final .tt-mobile-actions a{
min-height:48px !important;
padding:0 8px !important;
border-radius:12px !important;
font-size:10.5px !important;
}
#tt-hh-final .tt-benefits{
order:8 !important;
margin:2px -1px 0 !important;
padding:2px 1px 5px !important;
gap:7px !important;
}
#tt-hh-final .tt-benefit,
#tt-hh-final .tt-benefit:nth-child(3){
width:84% !important;
min-width:84% !important;
min-height:92px !important;
padding:11px 10px !important;
grid-template-columns:35px minmax(0,1fr) !important;
border-radius:15px !important;
box-shadow:0 7px 20px rgba(39,43,91,.028) !important;
}
#tt-hh-final .tt-benefit-icon{
width:35px !important;
height:35px !important;
}
#tt-hh-final .tt-benefit strong{
min-height:0 !important;
font-size:11px !important;
line-height:1.6 !important;
}
#tt-hh-final .tt-benefit p{
margin-top:2px !important;
font-size:9.5px !important;
line-height:1.65 !important;
}
#tt-hh-final .tt-mobile-contact{
display:none !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-header .tt-container{
width:calc(100% - 18px) !important;
}
#tt-hh-final .tt-brand-copy small{
display:none !important;
}
#tt-hh-final .tt-hero-box{
padding:14px 10px 12px !important;
}
#tt-hh-final .tt-hero h1{
font-size:29px !important;
}
#tt-hh-final .tt-visual-side{
grid-template-rows:316px auto !important;
}
#tt-hh-final .tt-portrait-stage{
min-height:316px !important;
}
#tt-hh-final .tt-person{
width:84% !important;
max-height:284px !important;
}
#tt-hh-final .tt-patient-badge{
top:50px !important;
max-width:148px !important;
}
#tt-hh-final .tt-hand-note{
font-size:15px !important;
}
#tt-hh-final .tt-english-slogan{
font-size:14px !important;
}
#tt-hh-final .tt-mobile-actions{
grid-template-columns:1fr !important;
}
#tt-hh-final .tt-benefit,
#tt-hh-final .tt-benefit:nth-child(3){
width:88% !important;
min-width:88% !important;
}
}
#tt-hh-final .tt-hero-grid{
direction:ltr !important;
}
#tt-hh-final .tt-visual-side{
direction:rtl !important;
}
@media(min-width:721px){
#tt-hh-final .tt-hero{
padding:16px 0 24px !important;
}
#tt-hh-final .tt-hero-box{
min-height:0 !important;
padding:30px 34px !important;
}
#tt-hh-final .tt-hero-grid{
min-height:470px !important;
grid-template-columns:minmax(430px,.98fr) minmax(0,1.02fr) !important;
gap:38px !important;
align-items:center !important;
}
#tt-hh-final .tt-copy-side{
padding:8px 0 10px !important;
}
#tt-hh-final .tt-visual-side{
min-height:470px !important;
grid-template-rows:minmax(0,1fr) 104px !important;
}
#tt-hh-final .tt-portrait-stage{
min-height:366px !important;
}
}
#tt-hh-final .tt-visual-side{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
border:1px solid rgba(105,117,243,.11) !important;
border-radius:30px !important;
background:
radial-gradient(ellipse 40% 25% at 14% 25%,
rgba(255,255,255,.94) 0%,
rgba(255,252,255,.72) 34%,
transparent 69%),
radial-gradient(ellipse 33% 26% at 34% 15%,
rgba(251,248,255,.89) 0%,
rgba(233,223,249,.73) 46%,
transparent 74%),
radial-gradient(ellipse 36% 25% at 17% 57%,
rgba(255,255,255,.91) 0%,
rgba(253,247,253,.70) 43%,
transparent 73%),
radial-gradient(ellipse 39% 23% at 42% 48%,
rgba(216,197,239,.58) 0%,
rgba(237,222,247,.58) 46%,
transparent 74%),
radial-gradient(ellipse 48% 25% at 37% 79%,
rgba(255,253,254,.88) 0%,
rgba(248,237,247,.64) 43%,
transparent 73%),
radial-gradient(ellipse 39% 29% at 80% 38%,
rgba(229,216,244,.67) 0%,
rgba(242,225,240,.60) 48%,
transparent 76%),
radial-gradient(ellipse 45% 24% at 87% 84%,
rgba(252,228,228,.76) 0%,
rgba(239,209,235,.59) 48%,
transparent 76%),
linear-gradient(142deg,
#ded3fa 0%,
#f3e8f7 59%,
#fde6e4 100%) !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.35),
0 18px 45px rgba(76,68,154,.055) !important;
}
#tt-hh-final .tt-visual-side::before{
content:"" !important;
position:absolute !important;
z-index:1 !important;
width:132px !important;
height:132px !important;
right:-24px !important;
top:-14px !important;
border-radius:48% 52% 49% 51% !important;
background:
radial-gradient(circle at 29% 22%,
#fff8ed 0%,
#fee1d2 36%,
#f3b4a3 100%) !important;
opacity:.72 !important;
filter:none !important;
transform:none !important;
pointer-events:none !important;
}
#tt-hh-final .tt-visual-side::after{
content:"" !important;
position:absolute !important;
z-index:4 !important;
width:68px !important;
height:68px !important;
left:-12px !important;
top:46% !important;
border-radius:50% !important;
background:
radial-gradient(circle at 23% 24%,
#ffedd9 0%,
#f8cbb7 47%,
#eeb9df 100%) !important;
opacity:.82 !important;
filter:none !important;
transform:translateY(-50%) !important;
pointer-events:none !important;
}
#tt-hh-final .tt-portrait-stage{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
}
#tt-hh-final .tt-portrait-stage::before{
content:"" !important;
position:absolute !important;
z-index:1 !important;
width:67% !important;
height:72% !important;
right:10% !important;
top:10% !important;
border-radius:54% 49% 45% 52% !important;
background:
radial-gradient(ellipse at 52% 50%,
rgba(245,239,255,.98) 0 29%,
rgba(238,226,250,.91) 55%,
rgba(249,237,241,.66) 73%,
transparent 82%) !important;
filter:blur(16px) !important;
opacity:1 !important;
pointer-events:none !important;
}
#tt-hh-final .tt-portrait-stage::after{
content:"" !important;
position:absolute !important;
z-index:2 !important;
inset:0 !important;
border:0 !important;
border-radius:inherit !important;
background:
linear-gradient(92deg,
rgba(255,255,255,.14) 0 20%,
transparent 42% 72%,
rgba(245,212,227,.14) 100%) !important;
mix-blend-mode:screen !important;
pointer-events:none !important;
}
#tt-hh-final .tt-person{
z-index:8 !important;
left:47% !important;
bottom:-1px !important;
transform:translateX(-50%) !important;
width:min(88%,410px) !important;
max-height:378px !important;
height:auto !important;
object-fit:contain !important;
object-position:center bottom !important;
border:0 !important;
border-radius:0 !important;
filter:
drop-shadow(0 18px 22px rgba(47,45,92,.075)) !important;
-webkit-mask-image:
linear-gradient(to bottom,#000 96%,transparent 100%) !important;
mask-image:
linear-gradient(to bottom,#000 96%,transparent 100%) !important;
}
#tt-hh-final .tt-photo-haze{
z-index:10 !important;
opacity:1 !important;
}
#tt-hh-final .tt-photo-haze.haze-left{
left:0 !important;
bottom:0 !important;
width:18% !important;
height:155px !important;
background:
linear-gradient(90deg,
rgba(238,233,255,.98) 0%,
rgba(238,233,255,.68) 31%,
rgba(238,233,255,.18) 72%,
transparent 100%) !important;
filter:blur(8px) !important;
}
#tt-hh-final .tt-photo-haze.haze-right{
right:0 !important;
bottom:0 !important;
width:18% !important;
height:155px !important;
background:
linear-gradient(270deg,
rgba(242,232,248,.96) 0%,
rgba(242,232,248,.65) 31%,
rgba(242,232,248,.17) 72%,
transparent 100%) !important;
filter:blur(8px) !important;
}
#tt-hh-final .tt-photo-haze.haze-bottom{
right:8% !important;
left:8% !important;
bottom:-6px !important;
height:62px !important;
background:
linear-gradient(180deg,
transparent 0%,
rgba(238,233,255,.30) 35%,
rgba(238,233,255,.90) 100%) !important;
filter:blur(7px) !important;
}
#tt-hh-final .tt-photo-aura{
z-index:5 !important;
left:50% !important;
bottom:-4px !important;
width:78% !important;
height:100px !important;
transform:translateX(-50%) !important;
border-radius:50% !important;
background:
radial-gradient(ellipse at center,
rgba(255,255,255,.88) 0%,
rgba(239,234,255,.46) 49%,
transparent 75%) !important;
filter:blur(13px) !important;
opacity:1 !important;
}
#tt-hh-final .tt-ring,
#tt-hh-final .tt-corner,
#tt-hh-final .tt-watermark,
#tt-hh-final .tt-visual-axis,
#tt-hh-final .tt-crosshair,
#tt-hh-final .tt-orbit-dot,
#tt-hh-final .tt-dot-matrix{
display:none !important;
}
#tt-hh-final .tt-peach-circle{
z-index:5 !important;
left:17px !important;
top:50% !important;
width:58px !important;
height:58px !important;
transform:translateY(-50%) !important;
border-radius:50% !important;
background:
radial-gradient(circle at 23% 24%,
#ffedd9 0%,
#f8cbb7 47%,
#eeb9df 100%) !important;
box-shadow:none !important;
opacity:.82 !important;
}
#tt-hh-final .tt-hand-note{
z-index:30 !important;
right:18px !important;
top:24px !important;
min-width:auto !important;
padding:3px 8px 6px !important;
color:rgba(126,108,154,.68) !important;
background:
linear-gradient(90deg,
rgba(255,255,255,.68),
rgba(255,255,255,0)) !important;
border-radius:10px !important;
font-size:22px !important;
line-height:1.1 !important;
transform:rotate(-5deg) !important;
}
#tt-hh-final .tt-hand-note::after{
right:8px !important;
top:28px !important;
width:54px !important;
height:21px !important;
border-bottom:1px solid rgba(126,108,154,.30) !important;
}
#tt-hh-final .tt-english-slogan{
z-index:27 !important;
left:20px !important;
top:auto !important;
bottom:18px !important;
transform:rotate(-5deg) !important;
color:rgba(126,108,154,.62) !important;
font-size:19px !important;
white-space:nowrap !important;
background:
linear-gradient(90deg,
rgba(255,255,255,.62),
rgba(255,255,255,0)) !important;
padding:3px 7px 6px !important;
border-radius:9px !important;
}
#tt-hh-final .tt-english-slogan::before{
width:28px !important;
background:rgba(126,108,154,.28) !important;
}
#tt-hh-final .tt-micro-tags{
z-index:23 !important;
left:20px !important;
top:18px !important;
}
#tt-hh-final .tt-micro-tags span{
background:rgba(255,255,255,.55) !important;
border-color:rgba(105,117,243,.08) !important;
color:rgba(24,39,80,.34) !important;
}
#tt-hh-final .tt-patient-badge{
z-index:31 !important;
left:14px !important;
top:62px !important;
max-width:220px !important;
border:1px solid rgba(255,255,255,.70) !important;
border-radius:18px !important;
background:rgba(255,255,255,.86) !important;
-webkit-backdrop-filter:blur(7px) !important;
backdrop-filter:blur(7px) !important;
box-shadow:
0 10px 28px rgba(46,45,94,.055) !important;
}
#tt-hh-final .tt-aesthetic-label,
#tt-hh-final .tt-face-harmony{
z-index:24 !important;
color:rgba(24,39,80,.30) !important;
}
#tt-hh-final .tt-visual-index{
z-index:24 !important;
right:16px !important;
bottom:17px !important;
}
#tt-hh-final .tt-visual-index strong{
color:rgba(24,39,80,.15) !important;
}
#tt-hh-final .tt-quote-zone{
padding:7px 8px 8px !important;
background:rgba(255,255,255,.40) !important;
}
#tt-hh-final .tt-quote{
min-height:88px !important;
padding:10px 13px !important;
border-radius:16px !important;
box-shadow:0 8px 20px rgba(32,44,90,.035) !important;
}
@media(max-width:720px){
#tt-hh-final .tt-visual-side{
grid-template-rows:330px auto !important;
border-radius:23px !important;
background:
radial-gradient(ellipse 44% 23% at 13% 26%,
rgba(255,255,255,.92) 0%,
rgba(255,251,255,.68) 36%,
transparent 70%),
radial-gradient(ellipse 36% 25% at 36% 16%,
rgba(250,247,255,.88) 0%,
rgba(233,223,249,.69) 47%,
transparent 74%),
radial-gradient(ellipse 41% 26% at 18% 59%,
rgba(255,255,255,.89) 0%,
rgba(252,246,253,.66) 43%,
transparent 73%),
radial-gradient(ellipse 44% 25% at 82% 40%,
rgba(230,217,244,.63) 0%,
rgba(243,226,240,.55) 48%,
transparent 76%),
linear-gradient(145deg,
#e9e3fc 0%,
#f2eafe 57%,
#f9e8ea 100%) !important;
}
#tt-hh-final .tt-visual-side::before{
width:96px !important;
height:96px !important;
right:-17px !important;
top:-12px !important;
}
#tt-hh-final .tt-visual-side::after{
width:50px !important;
height:50px !important;
left:-10px !important;
top:48% !important;
}
#tt-hh-final .tt-portrait-stage{
min-height:330px !important;
}
#tt-hh-final .tt-portrait-stage::before{
width:75% !important;
height:73% !important;
right:6% !important;
top:11% !important;
filter:blur(14px) !important;
}
#tt-hh-final .tt-person{
left:48% !important;
width:min(87%,305px) !important;
max-height:296px !important;
}
#tt-hh-final .tt-peach-circle{
left:8px !important;
width:43px !important;
height:43px !important;
}
#tt-hh-final .tt-hand-note{
right:14px !important;
top:13px !important;
font-size:16px !important;
}
#tt-hh-final .tt-english-slogan{
left:10px !important;
bottom:13px !important;
font-size:14px !important;
}
#tt-hh-final .tt-patient-badge{
left:9px !important;
top:49px !important;
max-width:158px !important;
border-radius:13px !important;
}
#tt-hh-final .tt-photo-haze.haze-left,
#tt-hh-final .tt-photo-haze.haze-right{
width:18% !important;
height:100px !important;
filter:blur(6px) !important;
}
#tt-hh-final .tt-photo-haze.haze-bottom{
right:8% !important;
left:8% !important;
height:45px !important;
filter:blur(5px) !important;
}
#tt-hh-final .tt-photo-aura{
width:78% !important;
height:58px !important;
filter:blur(8px) !important;
}
#tt-hh-final .tt-quote{
min-height:0 !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-visual-side{
grid-template-rows:306px auto !important;
}
#tt-hh-final .tt-portrait-stage{
min-height:306px !important;
}
#tt-hh-final .tt-person{
width:85% !important;
max-height:278px !important;
}
#tt-hh-final .tt-hand-note{
font-size:15px !important;
}
#tt-hh-final .tt-english-slogan{
font-size:13px !important;
}
}
#tt-hh-final .tt-patient-badge{
left:16px !important;
top:64px !important;
width:auto !important;
max-width:194px !important;
min-height:38px !important;
padding:5px 8px !important;
gap:6px !important;
border:1px solid rgba(255,255,255,.76) !important;
border-radius:13px !important;
background:rgba(255,255,255,.82) !important;
-webkit-backdrop-filter:blur(6px) !important;
backdrop-filter:blur(6px) !important;
box-shadow:0 7px 18px rgba(46,45,94,.045) !important;
}
#tt-hh-final .tt-patient-icon{
width:27px !important;
height:27px !important;
border-radius:8px !important;
}
#tt-hh-final .tt-patient-icon svg{
width:15px !important;
height:15px !important;
}
#tt-hh-final .tt-patient-badge strong{
font-size:10.5px !important;
line-height:1.62 !important;
font-weight:800 !important;
}
#tt-hh-final .tt-patient-badge small{
display:none !important;
}
#tt-hh-final .tt-quote-copy,
#tt-hh-final .tt-quote-copy small,
#tt-hh-final .tt-quote-copy p{
font-family:"TTDanstevis" !important;
font-weight:400 !important;
font-style:normal !important;
}
#tt-hh-final .tt-quote-copy small{
color:rgba(105,91,156,.72) !important;
font-size:15px !important;
line-height:1.5 !important;
margin-bottom:2px !important;
}
#tt-hh-final .tt-quote-copy p{
color:var(--ink) !important;
font-size:18px !important;
line-height:1.55 !important;
}
@media(max-width:720px){
#tt-hh-final .tt-patient-badge{
left:9px !important;
top:49px !important;
max-width:146px !important;
min-height:33px !important;
padding:4px 6px !important;
gap:5px !important;
border-radius:11px !important;
}
#tt-hh-final .tt-patient-icon{
width:23px !important;
height:23px !important;
border-radius:7px !important;
}
#tt-hh-final .tt-patient-icon svg{
width:13px !important;
height:13px !important;
}
#tt-hh-final .tt-patient-badge strong{
font-size:8.8px !important;
line-height:1.5 !important;
}
#tt-hh-final .tt-quote-copy small{
font-size:12.5px !important;
line-height:1.45 !important;
}
#tt-hh-final .tt-quote-copy p{
font-size:15.5px !important;
line-height:1.5 !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-patient-badge{
max-width:138px !important;
}
#tt-hh-final .tt-patient-badge strong{
font-size:8.3px !important;
}
#tt-hh-final .tt-quote-copy small{
font-size:12px !important;
}
#tt-hh-final .tt-quote-copy p{
font-size:15px !important;
}
}
#tt-hh-final .tt-visual-side{
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
}
#tt-hh-final .tt-portrait-stage{
position:relative !important;
z-index:2 !important;
overflow:hidden !important;
border-radius:
30px 34% 24px 30px /
30px 36% 24px 30px !important;
background:
radial-gradient(ellipse 40% 25% at 14% 25%,
rgba(255,255,255,.94) 0%,
rgba(255,252,255,.72) 34%,
transparent 69%),
radial-gradient(ellipse 33% 26% at 34% 15%,
rgba(251,248,255,.89) 0%,
rgba(233,223,249,.73) 46%,
transparent 74%),
radial-gradient(ellipse 36% 25% at 17% 57%,
rgba(255,255,255,.91) 0%,
rgba(253,247,253,.70) 43%,
transparent 73%),
radial-gradient(ellipse 39% 23% at 42% 48%,
rgba(216,197,239,.58) 0%,
rgba(237,222,247,.58) 46%,
transparent 74%),
radial-gradient(ellipse 48% 25% at 37% 79%,
rgba(255,253,254,.88) 0%,
rgba(248,237,247,.64) 43%,
transparent 73%),
radial-gradient(ellipse 39% 29% at 80% 38%,
rgba(229,216,244,.67) 0%,
rgba(242,225,240,.60) 48%,
transparent 76%),
radial-gradient(ellipse 45% 24% at 87% 84%,
rgba(252,228,228,.76) 0%,
rgba(239,209,235,.59) 48%,
transparent 76%),
linear-gradient(142deg,
#ded3fa 0%,
#f3e8f7 59%,
#fde6e4 100%) !important;
-webkit-mask-image:none !important;
mask-image:none !important;
clip-path:none !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.30),
0 18px 45px rgba(76,68,154,.05) !important;
}
#tt-hh-final .tt-visual-side::before{
content:"" !important;
position:absolute !important;
z-index:1 !important;
width:148px !important;
height:148px !important;
right:-12px !important;
top:-18px !important;
border-radius:50% !important;
background:
radial-gradient(circle at 30% 24%,
#fff8ed 0%,
#fee3d5 39%,
#f4b8a7 100%) !important;
opacity:.66 !important;
filter:none !important;
transform:none !important;
pointer-events:none !important;
}
#tt-hh-final .tt-visual-side::after{
z-index:4 !important;
}
#tt-hh-final .tt-quote-zone{
position:relative !important;
z-index:8 !important;
overflow:visible !important;
}
@media(max-width:1100px) and (min-width:721px){
#tt-hh-final .tt-portrait-stage{
border-radius:
28px 32% 22px 28px /
28px 34% 22px 28px !important;
}
#tt-hh-final .tt-visual-side::before{
width:128px !important;
height:128px !important;
right:-10px !important;
top:-15px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-portrait-stage{
border-radius:
22px 31% 19px 22px /
22px 33% 19px 22px !important;
-webkit-mask-image:none !important;
mask-image:none !important;
clip-path:none !important;
}
#tt-hh-final .tt-visual-side::before{
width:102px !important;
height:102px !important;
right:-8px !important;
top:-12px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-portrait-stage{
border-radius:
20px 30% 18px 20px /
20px 32% 18px 20px !important;
}
}
#tt-hh-final .tt-portrait-stage{
min-height:382px !important;
border-radius:
30px 122px 24px 30px /
30px 96px 24px 30px !important;
}
#tt-hh-final .tt-visual-side::before{
width:156px !important;
height:156px !important;
right:-10px !important;
top:-16px !important;
opacity:.64 !important;
}
#tt-hh-final .tt-person{
left:45.5% !important;
bottom:-2px !important;
width:min(84%,388px) !important;
max-height:356px !important;
object-position:center bottom !important;
}
#tt-hh-final .tt-photo-aura{
width:74% !important;
height:88px !important;
}
@media(max-width:1100px) and (min-width:721px){
#tt-hh-final .tt-portrait-stage{
min-height:360px !important;
border-radius:
28px 108px 22px 28px /
28px 84px 22px 28px !important;
}
#tt-hh-final .tt-visual-side::before{
width:136px !important;
height:136px !important;
right:-10px !important;
top:-14px !important;
}
#tt-hh-final .tt-person{
left:46% !important;
width:min(85%,360px) !important;
max-height:338px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-portrait-stage{
min-height:330px !important;
border-radius:
22px 86px 19px 22px /
22px 66px 19px 22px !important;
}
#tt-hh-final .tt-visual-side::before{
width:108px !important;
height:108px !important;
right:-8px !important;
top:-12px !important;
}
#tt-hh-final .tt-person{
left:47% !important;
width:min(84%,292px) !important;
max-height:279px !important;
}
#tt-hh-final .tt-photo-aura{
width:72% !important;
height:52px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-portrait-stage{
min-height:306px !important;
border-radius:
20px 74px 18px 20px /
20px 58px 18px 20px !important;
}
#tt-hh-final .tt-person{
width:83% !important;
max-height:262px !important;
}
}
#tt-hh-final .tt-floral-lineart{
position:absolute !important;
z-index:3 !important;
inset:0 !important;
width:100% !important;
height:100% !important;
pointer-events:none !important;
overflow:visible !important;
color:rgba(108,91,156,.095) !important;
opacity:.42 !important;
filter:blur(.18px) !important;
mix-blend-mode:multiply !important;
}
#tt-hh-final .tt-floral-lineart path,
#tt-hh-final .tt-floral-lineart circle{
vector-effect:non-scaling-stroke;
}
#tt-hh-final .tt-floral-lineart .tt-flower-main{
opacity:.34;
}
#tt-hh-final .tt-floral-lineart .tt-flower-soft{
opacity:.30;
}
@media(max-width:720px){
#tt-hh-final .tt-floral-lineart{
opacity:.31 !important;
transform:scale(1.035) translateY(2px);
transform-origin:center;
}
}
@media(max-width:390px){
#tt-hh-final .tt-floral-lineart{
opacity:.27 !important;
}
}
#tt-hh-final .tt-visual-side{
overflow:visible !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
#tt-hh-final .tt-visual-side::before,
#tt-hh-final .tt-visual-side::after,
#tt-hh-final .tt-portrait-stage::before,
#tt-hh-final .tt-portrait-stage::after,
#tt-hh-final .tt-peach-circle,
#tt-hh-final .tt-photo-haze,
#tt-hh-final .tt-photo-aura,
#tt-hh-final .tt-floral-lineart{
display:none !important;
}
#tt-hh-final .tt-portrait-stage{
position:relative !important;
min-height:0 !important;
width:100% !important;
aspect-ratio:3 / 2 !important;
overflow:visible !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
clip-path:none !important;
}
#tt-hh-final .tt-person{
position:absolute !important;
z-index:8 !important;
inset:auto auto 0 50% !important;
transform:translateX(-50%) !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:contain !important;
object-position:center bottom !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
filter:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
}
#tt-hh-final .tt-patient-badge,
#tt-hh-final .tt-aesthetic-label,
#tt-hh-final .tt-face-harmony,
#tt-hh-final .tt-visual-index,
#tt-hh-final .tt-spark{
z-index:20 !important;
}
@media(min-width:721px){
#tt-hh-final .tt-visual-side{
grid-template-rows:auto 104px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-visual-side{
grid-template-rows:auto auto !important;
}
#tt-hh-final .tt-portrait-stage{
aspect-ratio:3 / 2 !important;
min-height:0 !important;
}
#tt-hh-final .tt-person{
width:100% !important;
height:100% !important;
max-height:none !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-portrait-stage{
aspect-ratio:3 / 2 !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-visual-side{
width:100% !important;
max-width:none !important;
overflow:hidden !important;
margin-inline:0 !important;
}
#tt-hh-final .tt-portrait-stage{
width:100% !important;
height:330px !important;
min-height:330px !important;
aspect-ratio:auto !important;
overflow:hidden !important;
}
#tt-hh-final .tt-person{
position:absolute !important;
top:0 !important;
right:auto !important;
bottom:auto !important;
left:0 !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
transform:none !important;
object-fit:cover !important;
object-position:left center !important;
}
#tt-hh-final .tt-patient-badge{
left:auto !important;
right:10px !important;
top:14px !important;
max-width:150px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-portrait-stage{
height:306px !important;
min-height:306px !important;
}
#tt-hh-final .tt-patient-badge{
right:8px !important;
top:12px !important;
max-width:142px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-hero-box{
padding:14px 10px 12px !important;
border-radius:26px !important;
}
#tt-hh-final .tt-hero-grid{
gap:10px !important;
}
#tt-hh-final .tt-kicker{
margin-bottom:2px !important;
}
#tt-hh-final .tt-location{
width:100% !important;
justify-content:center !important;
padding:8px 10px !important;
border-radius:14px !important;
}
#tt-hh-final .tt-diff{
margin-top:4px !important;
padding-right:10px !important;
text-align:right !important;
}
#tt-hh-final .tt-support{
margin-top:2px !important;
text-align:right !important;
line-height:1.95 !important;
}
#tt-hh-final .tt-visual-side{
order:5 !important;
width:100% !important;
max-width:328px !important;
margin:6px auto 0 !important;
padding:0 !important;
overflow:hidden !important;
border:1px solid rgba(105,117,243,.08) !important;
border-radius:24px !important;
background:linear-gradient(180deg,#ffffff 0%,#fffdfc 100%) !important;
box-shadow:0 10px 26px rgba(36,47,94,.05) !important;
grid-template-rows:auto auto !important;
}
#tt-hh-final .tt-portrait-stage{
width:100% !important;
height:294px !important;
min-height:294px !important;
padding:0 !important;
overflow:hidden !important;
border-radius:22px 22px 0 0 !important;
background:transparent !important;
}
#tt-hh-final .tt-person{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
transform:none !important;
object-fit:contain !important;
object-position:center bottom !important;
}
#tt-hh-final .tt-patient-badge{
left:auto !important;
right:10px !important;
top:10px !important;
max-width:148px !important;
min-height:32px !important;
padding:4px 7px !important;
border-radius:12px !important;
box-shadow:0 8px 18px rgba(32,44,90,.06) !important;
}
#tt-hh-final .tt-patient-icon{
width:22px !important;
height:22px !important;
border-radius:7px !important;
}
#tt-hh-final .tt-patient-icon svg{
width:12px !important;
height:12px !important;
}
#tt-hh-final .tt-patient-badge strong{
font-size:8.6px !important;
line-height:1.45 !important;
}
#tt-hh-final .tt-visual-index{
right:10px !important;
bottom:10px !important;
}
#tt-hh-final .tt-visual-index strong{
font-size:21px !important;
}
#tt-hh-final .tt-visual-index span,
#tt-hh-final .tt-aesthetic-label,
#tt-hh-final .tt-face-harmony,
#tt-hh-final .tt-micro-tags,
#tt-hh-final .tt-spark{
display:none !important;
}
#tt-hh-final .tt-quote-zone{
padding:8px !important;
background:rgba(255,255,255,.54) !important;
border-top:1px solid rgba(105,117,243,.08) !important;
}
#tt-hh-final .tt-quote{
min-height:82px !important;
padding:10px 12px !important;
border-radius:16px !important;
grid-template-columns:minmax(0,1fr) 56px !important;
gap:6px !important;
box-shadow:0 8px 18px rgba(32,44,90,.04) !important;
}
#tt-hh-final .tt-quote-copy small{
font-size:12px !important;
margin-bottom:1px !important;
}
#tt-hh-final .tt-quote-copy p{
font-size:14px !important;
line-height:1.65 !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-visual-side{
max-width:100% !important;
border-radius:22px !important;
}
#tt-hh-final .tt-portrait-stage{
height:278px !important;
min-height:278px !important;
border-radius:20px 20px 0 0 !important;
}
#tt-hh-final .tt-patient-badge{
right:8px !important;
top:8px !important;
max-width:140px !important;
}
#tt-hh-final .tt-patient-badge strong{
font-size:8.2px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-visual-side{
min-height:0 !important;
height:auto !important;
grid-template-rows:max-content max-content !important;
grid-auto-rows:max-content !important;
align-content:start !important;
row-gap:0 !important;
}
#tt-hh-final .tt-portrait-stage{
margin:0 !important;
}
#tt-hh-final .tt-quote-zone{
margin:0 !important;
}
}
#tt-hh-final .tt-hero{
position:relative !important;
background:
transparent !important;
padding:
18px 0 30px !important;
}
#tt-hh-final .tt-hero-box{
position:relative !important;
min-height:
0 !important;
padding:
40px 0 !important;
overflow:
visible !important;
border:
0 !important;
border-radius:
0 !important;
background:
transparent !important;
box-shadow:
none !important;
}
#tt-hh-final .tt-hero-box::before,
#tt-hh-final .tt-hero-box::after,
#tt-hh-final .tt-edge{
display:
none !important;
}
#tt-hh-final .tt-hero-grid{
min-height:
558px !important;
gap:
46px !important;
}
#tt-hh-final .tt-visual-side{
position:
relative !important;
min-height:
558px !important;
display:
block !important;
overflow:
hidden !important;
}
#tt-hh-final .tt-portrait-stage{
position:
relative !important;
min-height:
558px !important;
height:
100% !important;
overflow:
hidden !important;
}
#tt-hh-final .tt-patient-badge{
left:
auto !important;
right:
14px !important;
top:
72px !important;
z-index:
20 !important;
}
#tt-hh-final .tt-quote-zone{
position:
absolute !important;
z-index:
30 !important;
right:
14px !important;
left:
14px !important;
bottom:
14px !important;
width:
auto !important;
margin:
0 !important;
padding:
0 !important;
display:
block !important;
border:
0 !important;
background:
transparent !important;
}
#tt-hh-final .tt-quote{
width:
min(410px,100%) !important;
min-height:
0 !important;
margin:
0 0 0 auto !important;
padding:
11px 13px !important;
display:
block !important;
grid-template-columns:
none !important;
gap:
0 !important;
}
#tt-hh-final .tt-quote-copy small{
margin-bottom:
3px !important;
}
#tt-hh-final .tt-quote-copy p{
font-size:
12px !important;
line-height:
1.75 !important;
}
#tt-hh-final .tt-quote-hand{
display:
none !important;
}
@media(max-width:1100px) and (min-width:721px){
#tt-hh-final .tt-hero-box{
padding:
30px 0 !important;
}
#tt-hh-final .tt-hero-grid{
gap:
28px !important;
}
#tt-hh-final .tt-patient-badge{
right:
12px !important;
top:
58px !important;
}
#tt-hh-final .tt-quote-zone{
right:
12px !important;
left:
12px !important;
bottom:
12px !important;
}
#tt-hh-final .tt-quote{
width:
min(360px,100%) !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-hero{
padding:
7px 0 16px !important;
background:
transparent !important;
}
#tt-hh-final .tt-hero-box{
min-height:
0 !important;
padding:
12px 0 8px !important;
overflow:
visible !important;
border:
0 !important;
border-radius:
0 !important;
background:
transparent !important;
box-shadow:
none !important;
}
#tt-hh-final .tt-hero-grid{
min-height:
0 !important;
gap:
8px !important;
}
#tt-hh-final .tt-visual-side{
order:
5 !important;
min-height:
400px !important;
height:
400px !important;
display:
block !important;
border-radius:
20px !important;
}
#tt-hh-final .tt-portrait-stage{
min-height:
400px !important;
height:
400px !important;
}
#tt-hh-final .tt-patient-badge{
left:
auto !important;
right:
9px !important;
top:
52px !important;
max-width:
205px !important;
min-height:
39px !important;
padding:
5px 7px !important;
}
#tt-hh-final .tt-quote-zone{
right:
8px !important;
left:
8px !important;
bottom:
8px !important;
width:
auto !important;
padding:
0 !important;
background:
transparent !important;
border:
0 !important;
}
#tt-hh-final .tt-quote{
width:
100% !important;
min-height:
0 !important;
margin:
0 !important;
padding:
8px 9px !important;
display:
block !important;
border-radius:
12px !important;
}
#tt-hh-final .tt-quote-copy small{
margin-bottom:
2px !important;
font-size:
8.5px !important;
}
#tt-hh-final .tt-quote-copy p{
font-size:
9.3px !important;
line-height:
1.62 !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-visual-side,
#tt-hh-final .tt-portrait-stage{
min-height:
375px !important;
height:
375px !important;
}
#tt-hh-final .tt-patient-badge{
right:
7px !important;
max-width:
185px !important;
}
#tt-hh-final .tt-quote-zone{
right:
7px !important;
left:
7px !important;
bottom:
7px !important;
}
}
#tt-hh-final{
--bg:#fff8f1 !important;
--peach:#ffe3cf !important;
--peach-soft:#fff2e8 !important;
}
#tt-hh-final .tt-header{
background:
rgba(255,252,247,.94) !important;
}
#tt-hh-final .tt-hero{
background:
radial-gradient(
circle at 10% 16%,
rgba(255,232,199,.28),
transparent 24%
),
radial-gradient(
circle at 87% 22%,
rgba(255,225,204,.22),
transparent 20%
),
linear-gradient(
180deg,
rgba(255,250,244,.92) 0%,
rgba(255,247,239,.96) 100%
) !important;
}
#tt-hh-final .tt-copy-side .tt-kicker,
#tt-hh-final .tt-copy-side .tt-kicker::before{
color:
#d28a72 !important;
}
#tt-hh-final .tt-kicker::before{
background:
#d28a72 !important;
}
#tt-hh-final .tt-location{
background:
rgba(255,255,255,.76) !important;
border-color:
rgba(255,217,196,.58) !important;
}
#tt-hh-final .tt-diff::before{
background:
#ffd8c6 !important;
}
#tt-hh-final .tt-visual-side{
position:
relative !important;
}
#tt-hh-final .tt-portrait-stage{
position:
relative !important;
}
#tt-hh-final .tt-patient-badge{
position:
absolute !important;
right:
14px !important;
left:
auto !important;
top:
16px !important;
z-index:
35 !important;
}
#tt-hh-final .tt-quote-zone{
position:
absolute !important;
right:
14px !important;
left:
14px !important;
bottom:
14px !important;
z-index:
36 !important;
}
#tt-hh-final .tt-quote{
width:
min(410px,100%) !important;
margin:
0 auto 0 0 !important;
}
#tt-hh-final .tt-doctor-badge,
#tt-hh-final .tt-name-badge,
#tt-hh-final .tt-nameplate,
#tt-hh-final .tt-visual-badge{
position:
absolute !important;
z-index:
34 !important;
}
@media(max-width:720px){
#tt-hh-final .tt-hero{
background:
radial-gradient(
circle at 12% 18%,
rgba(255,232,199,.26),
transparent 22%
),
radial-gradient(
circle at 88% 26%,
rgba(255,225,204,.20),
transparent 19%
),
linear-gradient(
180deg,
rgba(255,249,243,.94) 0%,
rgba(255,246,238,.98) 100%
) !important;
}
#tt-hh-final .tt-patient-badge{
top:
10px !important;
right:
9px !important;
left:
auto !important;
}
#tt-hh-final .tt-quote-zone{
right:
8px !important;
left:
8px !important;
bottom:
8px !important;
}
#tt-hh-final .tt-quote{
width:
100% !important;
margin:
0 !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-patient-badge{
right:
7px !important;
top:
8px !important;
}
#tt-hh-final .tt-quote-zone{
right:
7px !important;
left:
7px !important;
bottom:
7px !important;
}
}
#tt-hh-final .tt-patient-badge{
left:auto !important;
right:18px !important;
top:194px !important;
z-index:60 !important;
}
#tt-hh-final .tt-quote-zone{
position:absolute !important;
right:18px !important;
left:18px !important;
bottom:18px !important;
z-index:61 !important;
}
#tt-hh-final .tt-quote{
margin:0 0 0 auto !important;
}
#tt-hh-final .tt-quote-copy,
#tt-hh-final .tt-quote-copy small,
#tt-hh-final .tt-quote-copy p{
direction:rtl !important;
text-align:right !important;
}
@media(max-width:1100px) and (min-width:721px){
#tt-hh-final .tt-patient-badge{
right:14px !important;
top:145px !important;
}
#tt-hh-final .tt-quote-zone{
right:14px !important;
left:14px !important;
bottom:14px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-patient-badge{
left:auto !important;
right:9px !important;
top:94px !important;
}
#tt-hh-final .tt-quote-zone{
right:8px !important;
left:8px !important;
bottom:8px !important;
}
#tt-hh-final .tt-quote-copy,
#tt-hh-final .tt-quote-copy small,
#tt-hh-final .tt-quote-copy p{
direction:rtl !important;
text-align:right !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-patient-badge{
right:7px !important;
top:84px !important;
}
#tt-hh-final .tt-quote-zone{
right:7px !important;
left:7px !important;
bottom:7px !important;
}
}
#tt-hh-final .tt-quote-zone{
right:42px !important;
left:18px !important;
}
#tt-hh-final .tt-quote{
width:min(340px,100%) !important;
margin:0 0 0 auto !important;
}
#tt-hh-final .tt-quote::before{
display:none !important;
content:none !important;
background:none !important;
}
@media(max-width:1100px) and (min-width:721px){
#tt-hh-final .tt-quote-zone{
right:34px !important;
left:14px !important;
}
#tt-hh-final .tt-quote{
width:min(320px,100%) !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-quote-zone{
right:24px !important;
left:8px !important;
}
#tt-hh-final .tt-quote{
width:min(88%,320px) !important;
margin:0 0 0 auto !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-quote-zone{
right:20px !important;
left:7px !important;
}
#tt-hh-final .tt-quote{
width:min(90%,300px) !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-hero-box{
padding:10px 0 10px !important;
}
#tt-hh-final .tt-hero-grid{
gap:7px !important;
}
#tt-hh-final .tt-location{
margin-top:2px !important;
}
#tt-hh-final .tt-diff{
margin-top:5px !important;
margin-bottom:2px !important;
}
#tt-hh-final .tt-visual-side{
width:100% !important;
max-width:100% !important;
height:338px !important;
min-height:338px !important;
margin:7px auto 0 !important;
display:block !important;
overflow:hidden !important;
border-radius:23px !important;
}
#tt-hh-final .tt-portrait-stage{
width:100% !important;
height:338px !important;
min-height:338px !important;
margin:0 !important;
overflow:hidden !important;
border-radius:23px !important;
}
#tt-hh-final .tt-person{
position:absolute !important;
top:auto !important;
right:auto !important;
bottom:-2px !important;
left:50% !important;
width:124% !important;
max-width:none !important;
height:auto !important;
max-height:none !important;
transform:translateX(-50%) !important;
object-fit:contain !important;
object-position:center bottom !important;
}
#tt-hh-final .tt-patient-badge{
top:70px !important;
right:11px !important;
left:auto !important;
max-width:158px !important;
min-height:35px !important;
padding:5px 8px !important;
gap:6px !important;
border-radius:12px !important;
z-index:70 !important;
}
#tt-hh-final .tt-patient-icon{
width:24px !important;
height:24px !important;
border-radius:8px !important;
}
#tt-hh-final .tt-patient-icon svg{
width:13px !important;
height:13px !important;
}
#tt-hh-final .tt-patient-badge strong{
font-size:9px !important;
line-height:1.55 !important;
}
#tt-hh-final .tt-quote-zone{
right:auto !important;
left:11px !important;
bottom:10px !important;
width:min(78%,286px) !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
z-index:72 !important;
}
#tt-hh-final .tt-quote{
width:100% !important;
min-height:0 !important;
margin:0 !important;
padding:9px 11px !important;
display:block !important;
border-radius:15px !important;
}
#tt-hh-final .tt-quote::before{
display:none !important;
content:none !important;
width:0 !important;
background:none !important;
}
#tt-hh-final .tt-quote-copy,
#tt-hh-final .tt-quote-copy small,
#tt-hh-final .tt-quote-copy p{
direction:rtl !important;
text-align:right !important;
}
#tt-hh-final .tt-quote-copy small{
margin:0 0 2px !important;
font-size:9px !important;
line-height:1.5 !important;
}
#tt-hh-final .tt-quote-copy p{
margin:0 !important;
font-size:10.5px !important;
line-height:1.75 !important;
}
#tt-hh-final .tt-visual-index,
#tt-hh-final .tt-aesthetic-label,
#tt-hh-final .tt-face-harmony,
#tt-hh-final .tt-micro-tags,
#tt-hh-final .tt-visual-axis,
#tt-hh-final .tt-crosshair,
#tt-hh-final .tt-orbit-dot{
display:none !important;
}
#tt-hh-final .tt-support{
margin:3px 0 0 !important;
padding:10px 11px !important;
border:1px solid rgba(213,129,106,.10) !important;
border-radius:15px !important;
background:rgba(255,255,255,.44) !important;
font-size:13.2px !important;
line-height:1.95 !important;
text-align:right !important;
}
#tt-hh-final .tt-mobile-actions{
margin-top:1px !important;
gap:6px !important;
}
#tt-hh-final .tt-mobile-actions .tt-btn,
#tt-hh-final .tt-mobile-actions .tt-btn-soft{
min-height:52px !important;
border-radius:14px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-visual-side,
#tt-hh-final .tt-portrait-stage{
height:326px !important;
min-height:326px !important;
}
#tt-hh-final .tt-person{
width:128% !important;
bottom:-2px !important;
}
#tt-hh-final .tt-patient-badge{
top:66px !important;
right:9px !important;
max-width:150px !important;
}
#tt-hh-final .tt-quote-zone{
left:9px !important;
bottom:9px !important;
width:min(80%,278px) !important;
}
#tt-hh-final .tt-quote-copy p{
font-size:10px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-visual-side,
#tt-hh-final .tt-portrait-stage{
background:transparent !important;
background-image:none !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-visual-side,
#tt-hh-final .tt-portrait-stage{
border:none !important;
outline:none !important;
border-radius:0 !important;
box-shadow:none !important;
}
#tt-hh-final .tt-visual-side::before,
#tt-hh-final .tt-visual-side::after,
#tt-hh-final .tt-portrait-stage::after{
display:none !important;
content:none !important;
border:none !important;
box-shadow:none !important;
background:none !important;
}
#tt-hh-final .tt-person{
border:none !important;
outline:none !important;
border-radius:0 !important;
box-shadow:none !important;
background:transparent !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-hero{
padding:2px 0 8px !important;
}
#tt-hh-final .tt-hero-box{
padding:8px 8px 8px !important;
min-height:0 !important;
}
#tt-hh-final .tt-hero-grid{
gap:4px !important;
}
#tt-hh-final .tt-kicker{
margin-bottom:0 !important;
font-size:11px !important;
}
#tt-hh-final .tt-kicker::after{
width:26px !important;
}
#tt-hh-final .tt-hero h1{
font-size:clamp(28px,8.1vw,35px) !important;
line-height:1.16 !important;
margin:0 !important;
}
#tt-hh-final .tt-hero h1 span::after{
display:none !important;
content:none !important;
background:none !important;
height:0 !important;
}
#tt-hh-final .tt-location{
margin-top:6px !important;
padding:6px 9px !important;
border-radius:12px !important;
}
#tt-hh-final .tt-diff{
margin-top:8px !important;
font-size:14px !important;
line-height:1.7 !important;
}
#tt-hh-final .tt-diff::before{
top:6px !important;
height:18px !important;
}
#tt-hh-final .tt-visual-side{
margin-top:2px !important;
grid-template-rows:322px !important;
}
#tt-hh-final .tt-portrait-stage{
min-height:322px !important;
padding-top:0 !important;
}
#tt-hh-final .tt-ring.r1{
width:236px !important;
height:236px !important;
top:82px !important;
}
#tt-hh-final .tt-ring.r2{
width:188px !important;
height:188px !important;
top:107px !important;
}
#tt-hh-final .tt-peach-circle{
width:42px !important;
height:42px !important;
top:116px !important;
left:8px !important;
}
#tt-hh-final .tt-person{
width:min(84%,286px) !important;
max-height:276px !important;
left:50% !important;
bottom:0 !important;
}
#tt-hh-final .tt-patient-badge{
top:44px !important;
right:10px !important;
}
#tt-hh-final .tt-quote-zone{
right:8px !important;
left:8px !important;
bottom:4px !important;
}
#tt-hh-final .tt-quote{
min-height:56px !important;
padding:8px 10px !important;
border-radius:16px !important;
}
#tt-hh-final .tt-quote-copy small{
margin-bottom:1px !important;
font-size:10px !important;
}
#tt-hh-final .tt-quote-copy p{
font-size:11px !important;
line-height:1.6 !important;
}
#tt-hh-final .tt-support{
margin-top:6px !important;
font-size:13.5px !important;
line-height:1.82 !important;
}
#tt-hh-final .tt-mobile-actions{
gap:5px !important;
margin-top:2px !important;
}
#tt-hh-final .tt-benefits{
margin-top:6px !important;
gap:5px !important;
}
#tt-hh-final .tt-benefit,
#tt-hh-final .tt-benefit:nth-child(3){
min-height:58px !important;
padding:7px 8px !important;
border-radius:14px !important;
}
#tt-hh-final .tt-benefit strong{
font-size:11.5px !important;
line-height:1.55 !important;
}
#tt-hh-final .tt-benefit p{
font-size:10.5px !important;
line-height:1.6 !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-hero h1{
font-size:27px !important;
}
#tt-hh-final .tt-visual-side{
grid-template-rows:308px !important;
}
#tt-hh-final .tt-portrait-stage{
min-height:308px !important;
}
#tt-hh-final .tt-person{
width:min(85%,274px) !important;
max-height:264px !important;
}
#tt-hh-final .tt-patient-badge{
top:42px !important;
right:8px !important;
}
#tt-hh-final .tt-quote-zone{
right:6px !important;
left:6px !important;
bottom:3px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-hero-box{
padding-top:5px !important;
}
#tt-hh-final .tt-hero-grid{
gap:0 !important;
}
#tt-hh-final .tt-location{
margin-top:3px !important;
margin-bottom:0 !important;
}
#tt-hh-final .tt-diff{
margin-top:4px !important;
margin-bottom:0 !important;
}
#tt-hh-final .tt-visual-side{
margin-top:-2px !important;
min-height:0 !important;
height:286px !important;
grid-template-rows:286px !important;
overflow:hidden !important;
}
#tt-hh-final .tt-portrait-stage{
min-height:286px !important;
height:286px !important;
overflow:hidden !important;
}
#tt-hh-final .tt-person{
width:min(92%,320px) !important;
max-height:340px !important;
left:50% !important;
bottom:54px !important;
transform:translateX(-50%) !important;
}
#tt-hh-final .tt-patient-badge{
top:22px !important;
right:9px !important;
}
#tt-hh-final .tt-quote-zone{
right:7px !important;
left:18px !important;
bottom:6px !important;
}
#tt-hh-final .tt-quote{
min-height:54px !important;
padding:7px 10px !important;
}
#tt-hh-final .tt-support{
margin-top:4px !important;
padding-top:0 !important;
}
#tt-hh-final .tt-mobile-actions{
margin-top:0 !important;
}
#tt-hh-final .tt-benefits{
margin-top:4px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-visual-side,
#tt-hh-final .tt-portrait-stage{
height:274px !important;
min-height:274px !important;
grid-template-rows:274px !important;
}
#tt-hh-final .tt-person{
width:min(94%,308px) !important;
max-height:330px !important;
bottom:50px !important;
}
#tt-hh-final .tt-patient-badge{
top:18px !important;
right:7px !important;
}
#tt-hh-final .tt-quote-zone{
right:6px !important;
left:14px !important;
bottom:5px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-hero-grid{
gap:8px !important;
}
#tt-hh-final .tt-kicker{
margin-bottom:3px !important;
}
#tt-hh-final .tt-location{
margin-top:8px !important;
}
#tt-hh-final .tt-diff{
margin-top:10px !important;
margin-bottom:2px !important;
}
#tt-hh-final .tt-visual-side{
margin-top:8px !important;
}
#tt-hh-final .tt-quote-zone{
bottom:8px !important;
}
#tt-hh-final .tt-support{
margin-top:12px !important;
}
#tt-hh-final .tt-mobile-actions{
margin-top:10px !important;
gap:8px !important;
}
#tt-hh-final .tt-benefits{
margin-top:8px !important;
gap:7px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-location{
margin-top:7px !important;
}
#tt-hh-final .tt-diff{
margin-top:9px !important;
}
#tt-hh-final .tt-visual-side{
margin-top:7px !important;
}
#tt-hh-final .tt-support{
margin-top:10px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-person{
width:min(95%,336px) !important;
max-height:352px !important;
bottom:52px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-person{
width:min(96%,320px) !important;
max-height:340px !important;
bottom:48px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-person{
width:min(100%,437px) !important;
max-height:458px !important;
bottom:42px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-person{
width:min(100%,416px) !important;
max-height:442px !important;
bottom:38px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-person{
width:min(130%,568px) !important;
max-height:596px !important;
bottom:30px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-person{
width:min(130%,541px) !important;
max-height:575px !important;
bottom:27px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-person{
width:min(104%,454px) !important;
max-height:477px !important;
bottom:30px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-person{
width:min(104%,433px) !important;
max-height:460px !important;
bottom:27px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-person{
width:min(110%,482px) !important;
max-height:506px !important;
bottom:28px !important;
}
#tt-hh-final .tt-patient-badge{
max-width:142px !important;
min-height:31px !important;
padding:4px 7px !important;
gap:5px !important;
border-radius:11px !important;
}
#tt-hh-final .tt-patient-icon{
width:21px !important;
height:21px !important;
}
#tt-hh-final .tt-patient-icon svg{
width:12px !important;
height:12px !important;
}
#tt-hh-final .tt-patient-badge strong{
font-size:8.5px !important;
line-height:1.45 !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-person{
width:min(110%,459px) !important;
max-height:488px !important;
bottom:25px !important;
}
#tt-hh-final .tt-patient-badge{
max-width:136px !important;
min-height:30px !important;
padding:4px 6px !important;
}
#tt-hh-final .tt-patient-badge strong{
font-size:8.2px !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-hero h1 span::after{
display:none !important;
content:none !important;
background:none !important;
background-image:none !important;
width:0 !important;
height:0 !important;
border:0 !important;
box-shadow:none !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-hero h1,
#tt-hh-final .tt-hero h1 span{
background:none !important;
background-image:none !important;
box-shadow:none !important;
text-decoration:none !important;
}
#tt-hh-final .tt-hero h1::before,
#tt-hh-final .tt-hero h1::after,
#tt-hh-final .tt-hero h1 span::before,
#tt-hh-final .tt-hero h1 span::after{
display:none !important;
content:none !important;
background:none !important;
background-image:none !important;
width:0 !important;
height:0 !important;
border:0 !important;
box-shadow:none !important;
inset:auto !important;
}
}
#tt-hh-final .tt-hero h1 .tt-title-accent{
display:block;
color:#675ff0;
font-style:normal;
font-weight:inherit;
}
@media(min-width:721px){
#tt-hh-final .tt-hero h1 .tt-title-accent{
position:relative;
width:max-content;
max-width:100%;
}
#tt-hh-final .tt-hero h1 .tt-title-accent::after{
content:"";
position:absolute;
z-index:-1;
right:0;
left:3%;
bottom:5px;
height:12px;
border-radius:999px;
background:linear-gradient(
90deg,
rgba(107,99,243,.11),
rgba(231,131,109,.055)
);
}
}
@media(max-width:720px){
#tt-hh-final .tt-hero h1 .tt-title-accent{
position:static !important;
width:auto !important;
max-width:none !important;
background:transparent !important;
background-image:none !important;
box-shadow:none !important;
text-decoration:none !important;
}
#tt-hh-final .tt-hero h1 .tt-title-accent::before,
#tt-hh-final .tt-hero h1 .tt-title-accent::after{
content:none !important;
display:none !important;
}
}
#tt-hh-final .tt-benefit-icon{
width:48px !important;
height:48px !important;
min-width:48px !important;
flex:0 0 48px !important;
display:grid !important;
place-items:center !important;
border-radius:50% !important;
border:1px solid rgba(24,39,80,.035) !important;
box-shadow:0 7px 18px rgba(32,44,90,.035) !important;
}
#tt-hh-final .tt-benefit:nth-child(1) .tt-benefit-icon{
color:#dc806d !important;
background:#fff0e8 !important;
}
#tt-hh-final .tt-benefit:nth-child(2) .tt-benefit-icon{
color:#6d6af3 !important;
background:#f0edff !important;
}
#tt-hh-final .tt-benefit:nth-child(3) .tt-benefit-icon{
color:#dc806d !important;
background:#fff0e8 !important;
}
#tt-hh-final .tt-benefit-icon svg{
width:22px !important;
height:22px !important;
display:block !important;
}
@media(max-width:720px){
#tt-hh-final .tt-benefit-icon{
width:42px !important;
height:42px !important;
min-width:42px !important;
flex-basis:42px !important;
}
#tt-hh-final .tt-benefit-icon svg{
width:20px !important;
height:20px !important;
}
}
@media(min-width:721px){
#tt-hh-final .tt-hero-box{
overflow:visible !important;
}
#tt-hh-final .tt-portrait-stage{
overflow:visible !important;
}
#tt-hh-final .tt-visual-side{
overflow:visible !important;
}
#tt-hh-final .tt-person{
position:absolute !important;
top:auto !important;
right:auto !important;
bottom:0 !important;
left:42% !important;
width:118% !important;
height:118% !important;
max-width:none !important;
max-height:none !important;
transform:translateX(-50%) !important;
object-fit:contain !important;
object-position:center bottom !important;
clip-path:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
}
}
@media(max-width:720px){
#tt-hh-final .tt-person{
width:min(99.3%,435px) !important;
max-height:457px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-person{
width:min(99.3%,414px) !important;
max-height:441px !important;
}
}
@media(min-width:721px){
#tt-hh-final .tt-patient-badge{
transform:translateY(-2cm) !important;
}
#tt-hh-final .tt-quote-copy p{
font-size:15.5px !important;
line-height:1.95 !important;
}
}
#tt-hh-final .tt-nav{
overflow:visible !important;
}
#tt-hh-final .tt-services-item{
position:relative;
flex:0 0 auto;
}
#tt-hh-final .tt-services-toggle{
position:relative;
min-height:42px;
padding:0 9px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
border:0;
border-radius:11px;
color:var(--ink);
background:transparent;
cursor:pointer;
font-size:13px;
line-height:1.5;
font-weight:800;
white-space:nowrap;
}
#tt-hh-final .tt-services-toggle-icon{
width:26px;
height:26px;
display:grid;
place-items:center;
flex:0 0 auto;
border-radius:8px;
color:var(--iris);
background:var(--iris-soft);
}
#tt-hh-final .tt-services-chevron{
width:18px;
height:18px;
display:grid;
place-items:center;
color:var(--muted);
transition:transform .18s ease;
}
#tt-hh-final .tt-services-item.open .tt-services-chevron{
transform:rotate(180deg);
}
#tt-hh-final .tt-services-mega{
z-index:9999;
direction:rtl;
}
#tt-hh-final .tt-services-head{
display:flex;
align-items:center;
gap:10px;
}
#tt-hh-final .tt-services-head-icon{
width:38px;
height:38px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:12px;
color:var(--iris);
background:var(--iris-soft);
border:1px solid rgba(107,99,243,.10);
}
#tt-hh-final .tt-services-head strong,
#tt-hh-final .tt-services-head small,
#tt-hh-final .tt-service-copy strong,
#tt-hh-final .tt-service-copy small{
display:block;
}
#tt-hh-final .tt-services-head strong{
color:var(--ink);
font-size:13px;
line-height:1.65;
font-weight:900;
}
#tt-hh-final .tt-services-head small{
margin-top:1px;
color:var(--muted);
font-size:10.5px;
line-height:1.65;
}
#tt-hh-final .tt-services-list{
margin-top:10px;
}
#tt-hh-final .tt-service-link{
width:100%;
min-height:70px;
padding:10px;
display:grid !important;
grid-template-columns:38px minmax(0,1fr) 28px;
align-items:center;
gap:10px;
border-radius:14px;
color:var(--ink) !important;
background:#fff;
transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
#tt-hh-final .tt-service-link::after{
display:none !important;
content:none !important;
}
#tt-hh-final .tt-service-icon{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:12px;
}
#tt-hh-final .tt-service-composite .tt-service-icon{
color:var(--iris);
background:var(--iris-soft);
}
#tt-hh-final .tt-service-laminate .tt-service-icon{
color:#a7614f;
background:var(--peach-soft);
}
#tt-hh-final .tt-service-copy{
min-width:0;
text-align:right;
}
#tt-hh-final .tt-service-copy strong{
color:var(--ink);
font-size:12.5px;
line-height:1.65;
font-weight:900;
}
#tt-hh-final .tt-service-copy small{
margin-top:2px;
color:var(--muted);
font-size:10.5px;
line-height:1.65;
font-weight:500;
}
#tt-hh-final .tt-service-go{
width:28px;
height:28px;
display:grid;
place-items:center;
border-radius:9px;
color:var(--iris);
background:rgba(107,99,243,.07);
}
#tt-hh-final .tt-service-divider{
display:block;
height:1px;
margin:5px 10px;
background:linear-gradient(90deg,transparent,rgba(23,38,79,.10),transparent);
}
#tt-hh-final .tt-services-foot{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
#tt-hh-final .tt-services-foot > span{
color:var(--text);
font-size:10.5px;
line-height:1.7;
}
#tt-hh-final .tt-services-foot > a{
min-width:64px;
min-height:32px;
padding:0 10px !important;
display:inline-flex !important;
align-items:center;
justify-content:center;
border-radius:10px;
color:#fff !important;
background:var(--iris);
font-size:10.5px !important;
line-height:1 !important;
font-weight:900 !important;
}
#tt-hh-final .tt-services-foot > a::after{
display:none !important;
content:none !important;
}
@media(min-width:931px){
#tt-hh-final .tt-services-item{
padding-inline:8px;
margin-inline:3px;
border-right:1px solid rgba(23,38,79,.08);
border-left:1px solid rgba(23,38,79,.08);
}
#tt-hh-final .tt-services-toggle::after{
content:"";
position:absolute;
right:12px;
left:12px;
bottom:2px;
height:2px;
border-radius:999px;
background:var(--iris);
transform:scaleX(0);
transform-origin:center;
transition:transform .18s ease;
}
#tt-hh-final .tt-services-item:hover .tt-services-toggle::after,
#tt-hh-final .tt-services-item:focus-within .tt-services-toggle::after,
#tt-hh-final .tt-services-item.open .tt-services-toggle::after{
transform:scaleX(1);
}
#tt-hh-final .tt-services-mega{
position:absolute;
top:calc(100% + 13px);
right:50%;
width:420px;
padding:13px;
border:1px solid rgba(23,38,79,.085);
border-radius:19px;
background:rgba(255,254,253,.98);
box-shadow:0 22px 60px rgba(31,42,83,.14);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translate(50%,8px);
transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
#tt-hh-final .tt-services-mega::before{
content:"";
position:absolute;
top:-7px;
right:50%;
width:14px;
height:14px;
transform:translateX(50%) rotate(45deg);
border-top:1px solid rgba(23,38,79,.075);
border-left:1px solid rgba(23,38,79,.075);
background:#fffefd;
}
#tt-hh-final .tt-services-item:hover .tt-services-mega,
#tt-hh-final .tt-services-item:focus-within .tt-services-mega,
#tt-hh-final .tt-services-item.open .tt-services-mega{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate(50%,0);
}
#tt-hh-final .tt-services-head{
padding:4px 4px 10px;
border-bottom:1px solid rgba(23,38,79,.075);
}
#tt-hh-final .tt-service-link{
border:1px solid transparent;
}
#tt-hh-final .tt-service-link:hover{
transform:translateX(-3px);
border-color:rgba(107,99,243,.10);
background:#fbfaff;
}
#tt-hh-final .tt-services-foot{
margin-top:10px;
padding:9px 4px 2px;
border-top:1px solid rgba(23,38,79,.075);
}
}
@media(max-width:930px){
#tt-hh-final .tt-nav{
overflow:auto !important;
max-height:calc(100vh - 92px);
overscroll-behavior:contain;
}
#tt-hh-final .tt-services-item{
width:100%;
margin:6px 0 !important;
padding:7px !important;
border-top:1px solid rgba(107,99,243,.10);
border-bottom:1px solid rgba(107,99,243,.10);
border-radius:16px;
background:linear-gradient(145deg,rgba(244,241,255,.92),rgba(255,249,246,.94));
}
#tt-hh-final .tt-services-toggle{
width:100%;
min-height:52px;
padding:7px 9px !important;
justify-content:flex-start;
gap:9px;
border:1px solid rgba(107,99,243,.09);
border-radius:13px;
background:#fff !important;
box-shadow:0 7px 18px rgba(31,42,83,.045);
font-size:13px;
}
#tt-hh-final .tt-services-toggle-icon{
width:34px;
height:34px;
border-radius:11px;
}
#tt-hh-final .tt-services-toggle-copy{
flex:1 1 auto;
text-align:right;
}
#tt-hh-final .tt-services-chevron{
width:30px;
height:30px;
border-radius:9px;
color:var(--iris);
background:rgba(107,99,243,.07);
}
#tt-hh-final .tt-services-mega{
display:none;
position:relative;
width:100%;
margin-top:7px;
padding:8px;
border:1px solid rgba(23,38,79,.07);
border-radius:14px;
background:rgba(255,255,255,.82);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}
#tt-hh-final .tt-services-item.open .tt-services-mega{
display:block;
animation:ttServicesOpen .18s ease both;
}
#tt-hh-final .tt-services-head{
min-height:48px;
padding:5px 5px 9px;
border-bottom:1px dashed rgba(107,99,243,.14);
}
#tt-hh-final .tt-services-head-icon{
width:34px;
height:34px;
border-radius:11px;
}
#tt-hh-final .tt-services-list{
margin-top:7px;
display:grid;
gap:6px;
}
#tt-hh-final .tt-service-link{
min-height:68px;
padding:9px !important;
grid-template-columns:38px minmax(0,1fr) 28px;
border:1px solid rgba(23,38,79,.065);
border-radius:13px !important;
background:#fff !important;
box-shadow:0 7px 16px rgba(31,42,83,.035);
}
#tt-hh-final .tt-service-composite{
border-right:3px solid rgba(107,99,243,.38) !important;
}
#tt-hh-final .tt-service-laminate{
border-right:3px solid rgba(231,131,109,.42) !important;
}
#tt-hh-final .tt-service-divider{
display:none;
}
#tt-hh-final .tt-services-foot{
margin-top:7px;
padding:8px 6px 2px;
border-top:1px dashed rgba(23,38,79,.10);
}
#tt-hh-final .tt-services-foot > span{
font-size:9.5px;
}
#tt-hh-final .tt-services-foot > a{
min-height:34px;
border-radius:10px !important;
}
}
@media(max-width:390px){
#tt-hh-final .tt-services-item{
padding:6px !important;
}
#tt-hh-final .tt-services-toggle{
min-height:49px;
}
#tt-hh-final .tt-services-head small,
#tt-hh-final .tt-service-copy small{
font-size:9.5px;
}
#tt-hh-final .tt-service-copy strong{
font-size:11.5px;
}
}
@keyframes ttServicesOpen{
from{opacity:0;transform:translateY(-5px);}
to{opacity:1;transform:none;}
}
#tohid-hero-wrap,
#tohid-hero-wrap > .elementor-element,
#tt-hh-final,
#tt-hh-final .tt-hero,
#tt-hh-final #ttHero{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
}
#tt-hh-final #ttHero::before,
#tt-hh-final #ttHero::after{
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
box-shadow:none !important;
filter:none !important;
}
#tt-hh-final #ttHero .tt-hero-box{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
border:0 !important;
outline:0 !important;
box-shadow:none !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
#tt-hh-final #ttHero .tt-hero-box::before,
#tt-hh-final #ttHero .tt-hero-box::after{
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
#tt-hh-final #ttHero .tt-visual-side,
#tt-hh-final #ttHero .tt-portrait-stage{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
border-color:transparent !important;
box-shadow:none !important;
}
#tt-hh-final #ttHero .tt-visual-side::before,
#tt-hh-final #ttHero .tt-visual-side::after,
#tt-hh-final #ttHero .tt-portrait-stage::before,
#tt-hh-final #ttHero .tt-portrait-stage::after,
#tt-hh-final #ttHero .tt-peach-circle,
#tt-hh-final #ttHero .tt-photo-haze,
#tt-hh-final #ttHero .tt-photo-aura,
#tt-hh-final #ttHero .tt-floral-lineart{
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
opacity:0 !important;
filter:none !important;
}
#tt-hh-final #ttHero .tt-quote-zone{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
border-top:0 !important;
box-shadow:none !important;
}
#tt-hh-final #ttHero .tt-benefit,
#tt-hh-final #ttHero .tt-patient-badge,
#tt-hh-final #ttHero .tt-quote,
#tt-hh-final #ttHero .tt-btn-soft,
#tt-hh-final #ttHero .tt-route-icon{
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
#tt-hh-final #ttHero .tt-person{
filter:none !important;
opacity:1 !important;
mix-blend-mode:normal !important;
}
#tt-hh-final #ttHero .tt-portrait-stage{
-webkit-mask-image:none !important;
mask-image:none !important;
}
@media(max-width:767px){
#tohid-hero-wrap,
#tt-hh-final,
#tt-hh-final .tt-hero,
#tt-hh-final #ttHero,
#tt-hh-final #ttHero .tt-hero-box,
#tt-hh-final #ttHero .tt-visual-side,
#tt-hh-final #ttHero .tt-portrait-stage,
#tt-hh-final #ttHero .tt-quote-zone{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
}
}
@font-face{font-family:"Lalezar";src:url("../fonts/Lalezar.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Estedad";src:url("../fonts/Estedad-VF.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"TTDanstevis";src:url("../fonts/danstevis.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
#tt-hh-final {
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#tt-hh-final::before,
#tt-hh-final::after {
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
#tt-hh-final > .tth-ambient-layer {
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
top:-100px !important;
right:0 !important;
bottom:-100px !important;
left:0 !important;
background-color:#fffaf7 !important;
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center top !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
}
#tt-hh-final > .tt-header,
#tt-hh-final > #ttHero,
#tt-hh-final > .tt-mobile-contact {
position:relative;
z-index:1;
}
#tt-hh-final img,
#tt-hh-final video {
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
}
@media(max-width:767px) {
#tt-hh-final > .tth-ambient-layer {
top:-56px !important;
bottom:-56px !important;
background-image:linear-gradient(transparent,transparent) !important;
background-position:center top !important;
background-size:cover !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
}
}
#ttRouterApp{
--bg:#fffaf7;
--paper:#ffffff;
--paper-soft:#fdfcff;
--ink:#182750;
--ink-2:#293965;
--text:#5d6478;
--muted:#8e95a7;
--iris:#6975f3;
--iris-dark:#5864df;
--iris-soft:#eff0ff;
--peach:#ffe0d1;
--peach-soft:#fff0e8;
--coral:#d5816a;
--green:#2f8972;
--green-soft:#eaf8f3;
--line:rgba(24,39,80,.09);
--line-strong:rgba(105,117,243,.18);
--accent:#6975f3;
--accent-soft:#eff0ff;
--shadow:
0 28px 75px rgba(32,44,90,.075),
0 9px 26px rgba(32,44,90,.035);
--max:1280px;
position:relative;
width:100%;
padding:
34px 0 76px;
color:var(--text);
background:var(--bg);
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif;
font-size:16px;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
#ttRouterApp[data-route="composite"]{
--accent:#6975f3;
--accent-soft:#eff0ff;
}
#ttRouterApp[data-route="laminate"]{
--accent:#c77962;
--accent-soft:#fff0e8;
}
#ttRouterApp[data-route="unsure"]{
--accent:#318a73;
--accent-soft:#eaf8f3;
}
#ttRouterApp *,
#ttRouterApp *::before,
#ttRouterApp *::after{
box-sizing:border-box;
}
#ttRouterApp a{
color:inherit;
text-decoration:none;
}
#ttRouterApp button{
font:inherit;
}
#ttRouterApp img{
display:block;
max-width:100%;
}
#ttRouterApp :focus-visible{
outline:
3px solid
rgba(105,117,243,.30);
outline-offset:3px;
}
#ttRouterApp .ttr-container{
width:min(
var(--max),
calc(100% - 32px)
);
margin-inline:auto;
}
#ttRouterApp .ttr-hand,
#ttRouterApp .ttr-hand *{
font-family:"TTDanstevis","Estedad",Tahoma,sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttRouterApp .ttr-intro{
position:relative;
max-width:790px;
margin:
0 auto 22px;
text-align:center;
}
#ttRouterApp .ttr-kicker{
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:7px;
color:var(--coral);
font-size:12px;
line-height:1.6;
font-weight:850;
}
#ttRouterApp .ttr-kicker::before,
#ttRouterApp .ttr-kicker::after{
content:"";
width:38px;
height:1px;
background:
rgba(213,129,106,.32);
}
#ttRouterApp .ttr-intro h2{
margin:0;
color:var(--ink);
font-size:
clamp(
34px,
3vw,
45px
);
line-height:1.4;
letter-spacing:-1px;
font-weight:950;
}
#ttRouterApp .ttr-intro-text{
max-width:690px;
margin:
8px auto 0;
color:var(--text);
font-size:15px;
line-height:2;
}
#ttRouterApp .ttr-intro-hand{
position:absolute;
left:-5px;
bottom:2px;
color:
rgba(105,117,243,.68);
font-size:19px;
transform:
rotate(-5deg);
pointer-events:none;
}
#ttRouterApp .ttr-intro-hand::after{
content:"";
display:block;
width:80px;
height:17px;
margin:
-5px auto 0;
border-bottom:
1px solid
rgba(105,117,243,.34);
border-radius:50%;
}
#ttRouterApp .ttr-shell{
position:relative;
overflow:hidden;
padding:18px;
border:
1px solid
rgba(105,117,243,.13);
border-radius:34px;
background:#fff;
box-shadow:var(--shadow);
}
#ttRouterApp .ttr-shell::before{
content:"";
position:absolute;
top:0;
right:74px;
width:180px;
height:7px;
border-radius:
0 0 10px 10px;
background:var(--accent-soft);
transition:
background-color .22s ease;
}
#ttRouterApp .ttr-shell::after{
content:"";
position:absolute;
left:42px;
bottom:0;
width:106px;
height:6px;
border-radius:
8px 8px 0 0;
background:var(--peach);
}
#ttRouterApp .ttr-desktop-topbar{
position:relative;
z-index:6;
min-height:40px;
margin-bottom:12px;
padding:
0 7px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
#ttRouterApp .ttr-current-route{
display:flex;
align-items:center;
gap:7px;
color:var(--muted);
font-size:11px;
}
#ttRouterApp .ttr-current-dot{
width:7px;
height:7px;
border-radius:50%;
background:var(--accent);
transition:
background-color .2s ease;
}
#ttRouterApp .ttr-current-route strong{
color:var(--ink);
font-size:12px;
font-weight:850;
}
#ttRouterApp .ttr-desktop-progress{
width:152px;
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:5px;
}
#ttRouterApp .ttr-desktop-progress i{
height:3px;
border-radius:999px;
background:
rgba(24,39,80,.08);
transition:
background-color .2s ease,
transform .2s ease;
}
#ttRouterApp .ttr-desktop-progress i.active{
background:var(--accent);
transform:
scaleY(1.35);
}
#ttRouterApp .ttr-desktop-meta{
color:var(--muted);
font-size:11px;
}
#ttRouterApp .ttr-app-header{
display:none;
}
#ttRouterApp .ttr-tabs-shell{
position:relative;
z-index:7;
margin-bottom:14px;
padding:5px;
overflow:hidden;
border:
1px solid
var(--line);
border-radius:18px;
background:#faf9ff;
}
#ttRouterApp .ttr-tabs-shell::before{
content:"";
position:absolute;
top:0;
right:20px;
left:20px;
height:3px;
opacity:.45;
background:
repeating-linear-gradient(
90deg,
rgba(105,117,243,.18) 0,
rgba(105,117,243,.18) 1px,
transparent 1px,
transparent 17px
);
}
#ttRouterApp .ttr-tabs{
display:grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:4px;
}
#ttRouterApp .ttr-tab{
position:relative;
min-height:58px;
padding:
8px 13px;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
cursor:pointer;
border:0;
border-radius:14px;
color:var(--text);
background:transparent;
font-size:14px;
line-height:1.5;
font-weight:800;
transition:
color .18s ease,
background-color .18s ease,
box-shadow .18s ease,
transform .12s ease;
}
#ttRouterApp .ttr-tab:active{
transform:
scale(.985);
}
#ttRouterApp .ttr-tab:hover{
color:var(--ink);
background:#fff;
}
#ttRouterApp .ttr-tab[aria-selected="true"]{
color:var(--ink);
background:#fff;
box-shadow:
0 8px 20px
rgba(32,44,90,.065);
}
#ttRouterApp .ttr-tab-icon{
width:30px;
height:30px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:10px;
color:var(--muted);
background:#fff;
border:
1px solid
var(--line);
transition:
color .18s ease,
border-color .18s ease,
background-color .18s ease;
}
#ttRouterApp
.ttr-tab[aria-selected="true"]
.ttr-tab-icon{
color:var(--accent);
border-color:
rgba(105,117,243,.17);
background:var(--accent-soft);
}
#ttRouterApp .ttr-tab-num{
position:absolute;
top:8px;
left:10px;
color:
rgba(24,39,80,.23);
font-size:10px;
line-height:1;
font-weight:900;
}
#ttRouterApp .ttr-mobile-label{
display:none;
}
#ttRouterApp .ttr-stage{
position:relative;
z-index:4;
display:grid;
grid-template-columns:
minmax(400px,.93fr)
minmax(0,1.07fr);
gap:16px;
align-items:stretch;
direction:ltr;
}
#ttRouterApp .ttr-media,
#ttRouterApp .ttr-content{
direction:rtl;
}
#ttRouterApp .ttr-media{
position:relative;
min-width:0;
overflow:hidden;
padding:13px;
border-radius:25px;
border:
1px solid
rgba(105,117,243,.11);
background:#f1eeff;
}
#ttRouterApp .ttr-media::before{
content:"";
position:absolute;
z-index:1;
top:84px;
right:22px;
width:25px;
height:174px;
border-radius:7px;
background:var(--peach);
}
#ttRouterApp .ttr-route-number{
position:absolute;
z-index:1;
left:14px;
bottom:1px;
color:
rgba(105,117,243,.055);
font-size:108px;
line-height:.9;
letter-spacing:-7px;
font-weight:950;
pointer-events:none;
}
#ttRouterApp .ttr-corner{
position:absolute;
z-index:2;
width:49px;
height:49px;
pointer-events:none;
}
#ttRouterApp .ttr-corner.one{
top:14px;
right:14px;
border-top:
1px solid
rgba(105,117,243,.28);
border-right:
1px solid
rgba(105,117,243,.28);
}
#ttRouterApp .ttr-corner.two{
left:14px;
bottom:14px;
border-left:
1px solid
rgba(213,129,106,.27);
border-bottom:
1px solid
rgba(213,129,106,.27);
}
#ttRouterApp .ttr-orbit{
position:absolute;
z-index:1;
border-radius:50%;
pointer-events:none;
}
#ttRouterApp .ttr-orbit.o1{
width:245px;
height:245px;
left:-79px;
top:102px;
border:
1px solid
rgba(105,117,243,.17);
}
#ttRouterApp .ttr-orbit.o2{
width:178px;
height:178px;
left:-44px;
top:136px;
border:
1px solid
rgba(213,129,106,.15);
}
#ttRouterApp .ttr-cross{
position:absolute;
z-index:2;
width:15px;
height:15px;
}
#ttRouterApp .ttr-cross::before,
#ttRouterApp .ttr-cross::after{
content:"";
position:absolute;
background:
rgba(105,117,243,.34);
}
#ttRouterApp .ttr-cross::before{
right:0;
top:7px;
width:15px;
height:1px;
}
#ttRouterApp .ttr-cross::after{
top:0;
right:7px;
width:1px;
height:15px;
}
#ttRouterApp .ttr-cross.c1{
top:45px;
left:31px;
}
#ttRouterApp .ttr-cross.c2{
right:49px;
bottom:42px;
transform:scale(.7);
}
#ttRouterApp .ttr-media-header{
position:relative;
z-index:4;
min-height:41px;
margin-bottom:8px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
#ttRouterApp .ttr-media-header strong{
color:var(--ink);
font-size:12px;
line-height:1.6;
font-weight:850;
}
#ttRouterApp .ttr-media-hand{
color:
rgba(105,117,243,.70);
font-size:18px;
transform:
rotate(-4deg);
}
#ttRouterApp .ttr-images{
position:relative;
z-index:4;
display:grid;
grid-template-columns:
1.18fr .82fr;
gap:8px;
align-items:start;
}
#ttRouterApp figure{
margin:0;
}
#ttRouterApp .ttr-photo{
overflow:hidden;
border:
1px solid
rgba(24,39,80,.08);
background:#fff;
box-shadow:
0 9px 22px
rgba(32,44,90,.045);
}
#ttRouterApp .ttr-photo.main{
border-radius:18px;
}
#ttRouterApp .ttr-photo-stack{
display:grid;
gap:8px;
}
#ttRouterApp .ttr-photo.small{
border-radius:15px;
}
#ttRouterApp .ttr-photo img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
object-position:center !important;
filter:none !important;
background:#fff;
}
#ttRouterApp .ttr-photo figcaption{
min-height:35px;
padding:
7px 9px;
display:flex;
align-items:center;
color:var(--ink);
background:#fff;
font-size:10px;
line-height:1.65;
font-weight:750;
}
#ttRouterApp .ttr-media-foot{
position:relative;
z-index:4;
margin-top:10px;
padding:
9px 10px;
display:flex;
align-items:flex-start;
gap:7px;
border:
1px solid
rgba(105,117,243,.10);
border-radius:12px;
color:var(--muted);
background:
rgba(255,255,255,.66);
font-size:11px;
line-height:1.8;
}
#ttRouterApp .ttr-media-foot-icon{
width:22px;
height:22px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:7px;
color:var(--accent);
background:var(--accent-soft);
transition:
color .2s ease,
background-color .2s ease;
}
#ttRouterApp .ttr-content{
position:relative;
min-width:0;
overflow:hidden;
padding:
27px 27px 25px;
border-radius:25px;
border:
1px solid
var(--line);
background:#fff;
}
#ttRouterApp .ttr-content::before{
content:"";
position:absolute;
right:0;
top:29px;
width:6px;
height:124px;
border-radius:
5px 0 0 5px;
background:var(--accent);
opacity:.25;
transition:
background-color .2s ease;
}
#ttRouterApp .ttr-content::after{
content:"";
position:absolute;
top:18px;
left:24px;
width:72px;
height:1px;
background:
rgba(105,117,243,.16);
}
#ttRouterApp .ttr-big-section-number{
position:absolute;
z-index:1;
left:20px;
bottom:18px;
width:168px;
height:145px;
pointer-events:none;
user-select:none;
}
#ttRouterApp .ttr-big-section-number strong{
position:absolute;
left:2px;
bottom:28px;
display:block;
color:rgba(24,39,80,.055);
font-family:Arial,sans-serif;
font-size:118px;
line-height:.8;
font-weight:900;
letter-spacing:-9px;
}
#ttRouterApp .ttr-big-section-number span{
position:absolute;
left:10px;
bottom:0;
display:flex;
align-items:center;
gap:8px;
color:rgba(24,39,80,.27);
font-family:Arial,sans-serif;
font-size:8px;
line-height:1;
font-weight:800;
letter-spacing:1.35px;
white-space:nowrap;
}
#ttRouterApp .ttr-big-section-number span::before{
content:"";
width:38px;
height:1px;
background:rgba(213,129,106,.36);
}
#ttRouterApp .ttr-big-section-number::before{
content:"";
position:absolute;
left:-10px;
bottom:-8px;
width:103px;
height:48px;
border-left:1px solid rgba(213,129,106,.32);
border-bottom:1px solid rgba(213,129,106,.32);
border-radius:0 0 0 20px;
}
#ttRouterApp .ttr-big-section-number::after{
content:"";
position:absolute;
left:92px;
bottom:-8px;
width:46px;
height:1px;
background:linear-gradient(90deg,rgba(213,129,106,.32),transparent);
}
#ttRouterApp .ttr-panel{
position:relative;
z-index:3;
animation:
ttr-panel-in .22s ease both;
}
#ttRouterApp .ttr-panel[hidden]{
display:none !important;
}
@keyframes ttr-panel-in{
from{
opacity:0;
transform:
translateY(6px);
}
to{
opacity:1;
transform:none;
}
}
#ttRouterApp .ttr-panel-head{
margin-bottom:11px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
#ttRouterApp .ttr-state{
display:flex;
align-items:center;
gap:7px;
}
#ttRouterApp .ttr-chip{
min-height:30px;
padding:
0 10px;
display:inline-flex;
align-items:center;
border-radius:999px;
color:var(--accent);
background:var(--accent-soft);
font-size:11px;
font-weight:850;
transition:
color .2s ease,
background-color .2s ease;
}
#ttRouterApp .ttr-state-index{
color:var(--muted);
font-size:11px;
font-weight:700;
}
#ttRouterApp .ttr-panel-hand{
color:
rgba(105,117,243,.65);
font-size:18px;
transform:
rotate(-4deg);
}
#ttRouterApp .ttr-panel h3{
margin:0;
color:var(--ink);
font-size:
clamp(
27px,
2.35vw,
35px
);
line-height:1.4;
letter-spacing:-.7px;
font-weight:950;
}
#ttRouterApp .ttr-lead{
max-width:620px;
margin:
8px 0 0;
color:var(--text);
font-size:15px;
line-height:2;
}
#ttRouterApp .ttr-flow{
margin-top:17px;
padding:12px;
border:
1px solid
var(--line);
border-radius:15px;
background:#fdfcff;
}
#ttRouterApp .ttr-flow-title{
margin-bottom:9px;
color:var(--ink);
font-size:12px;
font-weight:850;
}
#ttRouterApp .ttr-flow-grid{
position:relative;
display:grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:7px;
}
#ttRouterApp .ttr-flow-grid::before{
content:"";
position:absolute;
z-index:0;
top:16px;
right:14%;
width:72%;
height:1px;
background:
rgba(105,117,243,.13);
}
#ttRouterApp .ttr-flow-step{
position:relative;
z-index:1;
text-align:center;
}
#ttRouterApp .ttr-flow-num{
width:32px;
height:32px;
margin:
0 auto 5px;
display:grid;
place-items:center;
border-radius:50%;
color:var(--ink);
border:
1px solid
var(--line-strong);
background:#fff;
font-size:11px;
font-weight:900;
}
#ttRouterApp
.ttr-flow-step:first-child
.ttr-flow-num{
color:#fff;
border-color:var(--accent);
background:var(--accent);
}
#ttRouterApp .ttr-flow-step span:last-child{
display:block;
color:var(--muted);
font-size:11px;
line-height:1.6;
}
#ttRouterApp .ttr-info{
margin-top:15px;
}
#ttRouterApp .ttr-info-title{
margin:
0 0 8px;
color:var(--ink);
font-size:13px;
line-height:1.7;
font-weight:850;
}
#ttRouterApp .ttr-tags{
display:flex;
flex-wrap:wrap;
gap:6px;
}
#ttRouterApp .ttr-tag{
min-height:34px;
padding:
0 10px;
display:inline-flex;
align-items:center;
gap:6px;
border:
1px solid
var(--line);
border-radius:10px;
color:var(--ink-2);
background:#fff;
font-size:12px;
font-weight:700;
}
#ttRouterApp .ttr-tag::before{
content:"";
width:6px;
height:6px;
flex:0 0 auto;
border-radius:50%;
background:var(--accent);
}
#ttRouterApp .ttr-actions{
margin-top:19px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
}
#ttRouterApp .ttr-btn,
#ttRouterApp .ttr-btn-soft,
#ttRouterApp .ttr-compare-btn{
min-height:50px;
padding:
0 18px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:14px;
cursor:pointer;
font-size:14px;
font-weight:850;
white-space:nowrap;
transition:
transform .18s ease,
box-shadow .18s ease,
border-color .18s ease,
background-color .18s ease;
}
#ttRouterApp .ttr-btn{
color:#fff;
border:
1px solid
var(--accent);
background:var(--accent);
box-shadow:
0 12px 25px
rgba(32,44,90,.12);
}
#ttRouterApp .ttr-btn:hover{
transform:
translateY(-2px);
box-shadow:
0 16px 30px
rgba(32,44,90,.16);
}
#ttRouterApp .ttr-btn-soft,
#ttRouterApp .ttr-compare-btn{
color:var(--ink);
border:
1px solid
var(--line-strong);
background:#fff;
}
#ttRouterApp .ttr-btn-soft:hover,
#ttRouterApp .ttr-compare-btn:hover{
transform:
translateY(-2px);
border-color:
rgba(105,117,243,.38);
}
#ttRouterApp .ttr-desktop-compare{
max-height:0;
margin-top:0;
overflow:hidden;
opacity:0;
transition:
max-height .28s ease,
opacity .2s ease,
margin-top .2s ease;
}
#ttRouterApp .ttr-desktop-compare.open{
max-height:430px;
margin-top:15px;
opacity:1;
}
#ttRouterApp .ttr-compare-inner{
padding:11px;
border:
1px solid
var(--line);
border-radius:15px;
background:#faf9ff;
}
#ttRouterApp .ttr-compare-row{
display:grid;
grid-template-columns:
104px minmax(0,1fr);
gap:12px;
padding:
10px 8px;
}
#ttRouterApp
.ttr-compare-row +
.ttr-compare-row{
border-top:
1px solid
var(--line);
}
#ttRouterApp .ttr-compare-row strong{
color:var(--ink);
font-size:13px;
font-weight:900;
}
#ttRouterApp .ttr-compare-row p{
margin:0;
color:var(--text);
font-size:13px;
line-height:1.9;
}
#ttRouterApp .ttr-compare-note{
margin:
7px 8px 2px;
color:var(--muted);
font-size:12px;
line-height:1.9;
}
#ttRouterApp .ttr-mobile-dock{
display:none;
}
#ttRouterApp .ttr-sheet-overlay,
#ttRouterApp .ttr-sheet{
display:none;
}
@media(max-width:1060px){
#ttRouterApp .ttr-stage{
grid-template-columns:
minmax(350px,.92fr)
minmax(0,1.08fr);
gap:12px;
}
#ttRouterApp .ttr-content{
padding:
23px 20px;
}
#ttRouterApp .ttr-images{
grid-template-columns:1fr;
}
#ttRouterApp .ttr-photo-stack{
grid-template-columns:
1fr 1fr;
}
#ttRouterApp .ttr-intro-hand{
display:none;
}
}
@media(max-width:760px){
#ttRouterApp{
padding:
14px 0 92px;
}
#ttRouterApp .ttr-container{
width:
calc(100% - 14px);
}
#ttRouterApp .ttr-intro{
margin-bottom:11px;
padding:
0 4px;
text-align:right;
}
#ttRouterApp .ttr-kicker{
justify-content:flex-start;
margin-bottom:5px;
font-size:11px;
}
#ttRouterApp .ttr-kicker::before{
display:none;
}
#ttRouterApp .ttr-kicker::after{
width:39px;
}
#ttRouterApp .ttr-intro h2{
font-size:
clamp(
27px,
7.7vw,
33px
);
line-height:1.43;
letter-spacing:-.5px;
}
#ttRouterApp .ttr-intro-text{
margin:
5px 0 0;
font-size:14px;
line-height:1.95;
}
#ttRouterApp .ttr-intro-hand{
display:none;
}
#ttRouterApp .ttr-shell{
overflow:visible;
padding:8px;
border-radius:26px;
box-shadow:
0 18px 48px
rgba(32,44,90,.07);
}
#ttRouterApp .ttr-shell::before{
right:44px;
width:115px;
height:5px;
}
#ttRouterApp .ttr-shell::after{
left:30px;
width:72px;
height:4px;
}
#ttRouterApp .ttr-desktop-topbar{
display:none;
}
#ttRouterApp .ttr-app-header{
min-height:54px;
padding:
7px 8px 8px;
display:grid;
grid-template-columns:
minmax(0,1fr)
auto;
gap:10px;
align-items:center;
}
#ttRouterApp .ttr-app-head-main{
min-width:0;
display:flex;
align-items:center;
gap:9px;
}
#ttRouterApp .ttr-app-icon{
width:38px;
height:38px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:12px;
color:var(--accent);
background:var(--accent-soft);
transition:
color .2s ease,
background-color .2s ease;
}
#ttRouterApp .ttr-app-title strong{
display:block;
color:var(--ink);
font-size:13px;
line-height:1.55;
font-weight:900;
}
#ttRouterApp .ttr-app-title small{
display:block;
margin-top:1px;
color:var(--muted);
font-size:10px;
line-height:1.55;
}
#ttRouterApp .ttr-app-count{
min-width:57px;
text-align:left;
}
#ttRouterApp .ttr-app-count strong{
display:block;
color:var(--ink);
font-size:13px;
line-height:1;
font-weight:900;
}
#ttRouterApp .ttr-app-progress{
margin-top:6px;
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:3px;
}
#ttRouterApp .ttr-app-progress i{
height:3px;
border-radius:999px;
background:
rgba(24,39,80,.08);
transition:
background-color .2s ease,
transform .2s ease;
}
#ttRouterApp .ttr-app-progress i.active{
background:var(--accent);
transform:
scaleY(1.25);
}
#ttRouterApp .ttr-tabs-shell{
margin-bottom:7px;
padding:4px;
border-radius:15px;
background:#f5f4fb;
}
#ttRouterApp .ttr-tabs-shell::before{
display:none;
}
#ttRouterApp .ttr-tabs{
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:3px;
}
#ttRouterApp .ttr-tab{
min-width:0;
min-height:45px;
padding:
6px 5px;
gap:4px;
flex-direction:column;
border-radius:12px;
font-size:11px;
line-height:1.3;
text-align:center;
}
#ttRouterApp .ttr-tab[aria-selected="true"]{
box-shadow:
0 4px 12px
rgba(32,44,90,.065);
}
#ttRouterApp .ttr-tab-icon{
width:24px;
height:24px;
border-radius:8px;
}
#ttRouterApp .ttr-tab-icon svg{
width:14px;
height:14px;
}
#ttRouterApp .ttr-tab-num{
display:none;
}
#ttRouterApp .ttr-desktop-label{
display:none;
}
#ttRouterApp .ttr-mobile-label{
display:inline;
}
#ttRouterApp .ttr-stage{
display:flex;
flex-direction:column;
gap:7px;
direction:rtl;
}
#ttRouterApp .ttr-content{
order:1;
padding:
16px 13px 14px;
overflow:hidden;
border-radius:20px;
background:#fff;
}
#ttRouterApp .ttr-media{
order:2;
padding:8px;
border-radius:20px;
}
#ttRouterApp .ttr-content::before{
top:17px;
width:4px;
height:82px;
}
#ttRouterApp .ttr-content::after{
width:46px;
top:12px;
left:15px;
}
#ttRouterApp .ttr-panel{
animation:
ttr-mobile-panel .18s ease both;
}
@keyframes ttr-mobile-panel{
from{
opacity:.55;
transform:
translateX(-5px);
}
to{
opacity:1;
transform:none;
}
}
#ttRouterApp .ttr-panel-head{
margin-bottom:8px;
}
#ttRouterApp .ttr-chip{
min-height:27px;
padding:
0 9px;
font-size:10px;
}
#ttRouterApp .ttr-state-index{
font-size:10px;
}
#ttRouterApp .ttr-panel-hand{
font-size:16px;
}
#ttRouterApp .ttr-panel h3{
font-size:
clamp(
23px,
6.8vw,
28px
);
line-height:1.45;
letter-spacing:-.4px;
}
#ttRouterApp .ttr-lead{
margin-top:5px;
font-size:14px;
line-height:1.95;
}
#ttRouterApp .ttr-info{
margin-top:11px;
}
#ttRouterApp .ttr-info-title{
margin-bottom:6px;
font-size:11px;
}
#ttRouterApp .ttr-tags{
flex-wrap:nowrap;
overflow-x:auto;
gap:5px;
padding-bottom:2px;
scrollbar-width:none;
}
#ttRouterApp .ttr-tags::-webkit-scrollbar{
display:none;
}
#ttRouterApp .ttr-tag{
min-height:30px;
flex:0 0 auto;
padding:
0 9px;
border-radius:999px;
font-size:10px;
}
#ttRouterApp .ttr-flow{
margin-top:11px;
padding:9px;
border-radius:13px;
background:#faf9ff;
}
#ttRouterApp .ttr-flow-title{
margin-bottom:7px;
font-size:11px;
}
#ttRouterApp .ttr-flow-grid{
gap:3px;
}
#ttRouterApp .ttr-flow-grid::before{
top:14px;
}
#ttRouterApp .ttr-flow-num{
width:28px;
height:28px;
margin-bottom:4px;
font-size:9px;
}
#ttRouterApp .ttr-flow-step span:last-child{
font-size:9px;
}
#ttRouterApp .ttr-actions{
margin-top:13px;
display:grid;
grid-template-columns:1fr;
gap:6px;
}
#ttRouterApp .ttr-btn,
#ttRouterApp .ttr-btn-soft,
#ttRouterApp .ttr-compare-btn{
width:100%;
min-height:48px;
padding:
0 14px;
border-radius:13px;
font-size:13px;
}
#ttRouterApp .ttr-media::before{
top:58px;
right:9px;
width:18px;
height:137px;
border-radius:5px;
}
#ttRouterApp .ttr-media-header{
min-height:35px;
margin:
0 3px 6px;
}
#ttRouterApp .ttr-media-header strong{
font-size:11px;
}
#ttRouterApp .ttr-media-hand{
font-size:15px;
}
#ttRouterApp .ttr-route-number,
#ttRouterApp .ttr-orbit,
#ttRouterApp .ttr-cross{
display:none;
}
#ttRouterApp .ttr-corner{
width:37px;
height:37px;
}
#ttRouterApp .ttr-corner.one{
top:8px;
right:8px;
}
#ttRouterApp .ttr-corner.two{
left:8px;
bottom:8px;
}
#ttRouterApp .ttr-images{
grid-template-columns:1fr;
gap:6px;
}
#ttRouterApp .ttr-photo.main{
border-radius:16px;
}
#ttRouterApp .ttr-photo-stack{
grid-template-columns:
1fr 1fr;
gap:6px;
}
#ttRouterApp .ttr-photo.small{
border-radius:13px;
}
#ttRouterApp .ttr-photo figcaption{
min-height:30px;
padding:
6px 7px;
font-size:9px;
}
#ttRouterApp .ttr-media-foot{
margin-top:6px;
padding:
7px 8px;
border-radius:10px;
font-size:10px;
line-height:1.75;
}
#ttRouterApp .ttr-media-foot-icon{
width:20px;
height:20px;
}
#ttRouterApp .ttr-desktop-compare{
display:none !important;
}
#ttRouterApp .ttr-mobile-dock{
position:fixed;
z-index:99991;
right:7px;
left:7px;
bottom:
max(
7px,
env(safe-area-inset-bottom)
);
min-height:65px;
padding:6px;
display:grid;
grid-template-columns:
minmax(0,1fr)
auto;
gap:6px;
align-items:center;
border:
1px solid
var(--line);
border-radius:19px;
background:#fff;
box-shadow:
0 18px 44px
rgba(27,38,79,.20);
opacity:0;
transform:
translateY(88px);
pointer-events:none;
transition:
opacity .2s ease,
transform .2s ease;
}
#ttRouterApp .ttr-mobile-dock.show{
opacity:1;
transform:none;
pointer-events:auto;
}
#ttRouterApp .ttr-dock-info{
min-width:0;
padding:
0 8px;
}
#ttRouterApp .ttr-dock-info small{
display:block;
color:var(--muted);
font-size:9px;
line-height:1.4;
}
#ttRouterApp .ttr-dock-info strong{
display:block;
margin-top:2px;
overflow:hidden;
color:var(--ink);
font-size:12px;
line-height:1.5;
font-weight:900;
white-space:nowrap;
text-overflow:ellipsis;
}
#ttRouterApp .ttr-dock-button{
min-height:50px;
padding:
0 15px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
border:1px solid var(--accent);
border-radius:14px;
color:#fff;
background:var(--accent);
font-size:12px;
font-weight:850;
white-space:nowrap;
transition:
background-color .2s ease,
border-color .2s ease,
transform .15s ease;
}
#ttRouterApp .ttr-dock-button:active{
transform:
scale(.98);
}
#ttRouterApp .ttr-sheet-overlay{
position:fixed;
z-index:100100;
inset:0;
display:block;
background:
rgba(17,27,57,.46);
opacity:0;
pointer-events:none;
transition:
opacity .22s ease;
}
#ttRouterApp .ttr-sheet-overlay.open{
opacity:1;
pointer-events:auto;
}
#ttRouterApp .ttr-sheet{
position:fixed;
z-index:100101;
right:7px;
left:7px;
bottom:
max(
7px,
env(safe-area-inset-bottom)
);
display:block;
max-height:
min(
78vh,
620px
);
overflow:auto;
padding:
8px 10px 12px;
border:
1px solid
var(--line);
border-radius:
25px 25px 18px 18px;
background:#fff;
box-shadow:
0 24px 65px
rgba(17,27,57,.24);
transform:
translateY(
calc(100% + 24px)
);
visibility:hidden;
transition:
transform .28s ease,
visibility .28s;
}
#ttRouterApp .ttr-sheet.open{
transform:none;
visibility:visible;
}
#ttRouterApp .ttr-sheet-handle{
width:42px;
height:4px;
margin:
1px auto 11px;
border-radius:999px;
background:
rgba(24,39,80,.13);
}
#ttRouterApp .ttr-sheet-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px;
padding:
3px 3px 11px;
}
#ttRouterApp .ttr-sheet-head small{
display:block;
color:var(--green);
font-size:10px;
font-weight:850;
}
#ttRouterApp .ttr-sheet-head h4{
margin:
3px 0 0;
color:var(--ink);
font-size:21px;
line-height:1.5;
font-weight:950;
}
#ttRouterApp .ttr-sheet-close{
width:38px;
height:38px;
flex:0 0 auto;
display:grid;
place-items:center;
cursor:pointer;
border:
1px solid
var(--line);
border-radius:12px;
color:var(--ink);
background:#fff;
}
#ttRouterApp .ttr-sheet-card{
margin-top:7px;
padding:13px;
border:
1px solid
var(--line);
border-radius:16px;
background:#faf9ff;
}
#ttRouterApp .ttr-sheet-card-head{
display:flex;
align-items:center;
gap:8px;
margin-bottom:5px;
}
#ttRouterApp .ttr-sheet-card-icon{
width:31px;
height:31px;
display:grid;
place-items:center;
border-radius:10px;
color:var(--iris);
background:var(--iris-soft);
}
#ttRouterApp
.ttr-sheet-card.laminate
.ttr-sheet-card-icon{
color:var(--coral);
background:var(--peach-soft);
}
#ttRouterApp .ttr-sheet-card strong{
color:var(--ink);
font-size:13px;
font-weight:900;
}
#ttRouterApp .ttr-sheet-card p{
margin:0;
color:var(--text);
font-size:13px;
line-height:1.9;
}
#ttRouterApp .ttr-sheet-note{
margin:
9px 2px 0;
padding:
10px 11px;
border-radius:12px;
color:var(--text);
background:var(--green-soft);
font-size:12px;
line-height:1.9;
}
#ttRouterApp .ttr-sheet-consult{
width:100%;
min-height:50px;
margin-top:9px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
border-radius:14px;
color:#fff;
background:var(--green);
font-size:13px;
font-weight:850;
}
}
@media(max-width:390px){
#ttRouterApp .ttr-tab{
font-size:10px;
}
#ttRouterApp .ttr-panel-hand{
display:none;
}
#ttRouterApp .ttr-flow-step span:last-child{
font-size:8.5px;
}
#ttRouterApp .ttr-dock-info{
padding:
0 5px;
}
#ttRouterApp .ttr-dock-button{
padding:
0 12px;
font-size:11px;
}
}
@media(prefers-reduced-motion:reduce){
#ttRouterApp *,
#ttRouterApp *::before,
#ttRouterApp *::after{
animation:none !important;
transition:none !important;
scroll-behavior:auto !important;
}
}
@media(max-width:760px){
#ttRouterApp .ttr-big-section-number{
left:9px;
bottom:9px;
width:112px;
height:91px;
}
#ttRouterApp .ttr-big-section-number strong{
left:2px;
bottom:19px;
font-size:76px;
letter-spacing:-6px;
color:rgba(24,39,80,.045);
}
#ttRouterApp .ttr-big-section-number span{
left:5px;
bottom:0;
gap:6px;
font-size:6.3px;
letter-spacing:.9px;
}
#ttRouterApp .ttr-big-section-number span::before{
width:24px;
}
#ttRouterApp .ttr-big-section-number::before{
left:-5px;
bottom:-5px;
width:68px;
height:32px;
border-radius:0 0 0 15px;
}
#ttRouterApp .ttr-big-section-number::after{
left:62px;
bottom:-5px;
width:29px;
}
}
@media(max-width:390px){
#ttRouterApp .ttr-big-section-number{
left:7px;
bottom:7px;
width:102px;
height:84px;
}
#ttRouterApp .ttr-big-section-number strong{
font-size:69px;
}
#ttRouterApp .ttr-big-section-number span{
font-size:5.8px;
}
}
#ttRouterApp{
background:
radial-gradient(circle at 92% 10%, rgba(255,216,201,.36), transparent 22%),
radial-gradient(circle at 8% 84%, rgba(223,216,255,.26), transparent 24%),
linear-gradient(180deg,#fffaf7 0%,#fff8f4 100%);
}
#ttRouterApp .ttr-intro{
padding-inline:8px;
}
#ttRouterApp .ttr-intro::before{
content:"";
position:absolute;
right:50%;
top:-8px;
width:96px;
height:1px;
transform:translateX(50%);
background:linear-gradient(90deg,transparent,rgba(105,117,243,.28),transparent);
}
#ttRouterApp .ttr-intro::after{
content:"";
position:absolute;
left:11%;
top:22px;
width:10px;
height:10px;
border-radius:50%;
background:rgba(213,129,106,.17);
box-shadow:0 0 0 8px rgba(213,129,106,.05);
}
#ttRouterApp .ttr-intro-hand{
padding:2px 10px 6px;
background:linear-gradient(90deg,rgba(240,237,255,.92),rgba(240,237,255,.10));
border-radius:10px;
font-size:21px;
}
#ttRouterApp .ttr-shell{
border-color:rgba(105,117,243,.10);
background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.52));
box-shadow:0 34px 82px rgba(32,44,90,.055);
}
#ttRouterApp .ttr-desktop-topbar{
border-color:rgba(105,117,243,.12);
background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(248,247,255,.82));
box-shadow:0 9px 26px rgba(32,44,90,.028);
}
#ttRouterApp .ttr-app-header{
border-color:rgba(105,117,243,.11);
background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,246,255,.90));
box-shadow:0 10px 24px rgba(32,44,90,.03);
}
#ttRouterApp .ttr-tabs-shell{
background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(251,249,255,.88));
border-color:rgba(105,117,243,.09);
}
#ttRouterApp .ttr-media{
background:
radial-gradient(circle at 86% 11%, rgba(255,212,196,.53), transparent 18%),
radial-gradient(circle at 16% 82%, rgba(224,218,255,.55), transparent 22%),
linear-gradient(145deg,#f4f0ff 0%,#f0ecff 49%,#efe9ff 100%);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.42),
0 22px 48px rgba(71,72,152,.065);
}
#ttRouterApp .ttr-media::after{
content:"";
position:absolute;
z-index:1;
left:26px;
top:95px;
width:66px;
height:66px;
border-radius:50%;
background:linear-gradient(145deg,rgba(255,208,191,.82),rgba(255,228,218,.30));
pointer-events:none;
}
#ttRouterApp .ttr-images{
position:relative;
}
#ttRouterApp .ttr-images::before{
content:"";
position:absolute;
right:-6px;
top:15%;
width:18px;
height:1px;
background:rgba(105,117,243,.24);
box-shadow:0 18px 0 rgba(105,117,243,.14),0 36px 0 rgba(105,117,243,.09);
z-index:5;
}
#ttRouterApp .ttr-photo{
border-color:rgba(24,39,80,.07);
box-shadow:0 12px 28px rgba(32,44,90,.052);
}
#ttRouterApp .ttr-photo.main{
position:relative;
}
#ttRouterApp .ttr-photo.main::before{
content:"FACE / SMILE";
position:absolute;
left:12px;
top:12px;
z-index:6;
min-height:22px;
padding:0 8px;
display:inline-flex;
align-items:center;
border:1px solid rgba(255,255,255,.50);
border-radius:999px;
background:rgba(255,255,255,.70);
color:rgba(24,39,80,.46);
font-family:Arial,sans-serif;
font-size:8px;
font-weight:800;
letter-spacing:1px;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
#ttRouterApp .ttr-photo.main::after{
content:"";
position:absolute;
right:13px;
bottom:47px;
width:44px;
height:1px;
background:rgba(105,117,243,.27);
box-shadow:0 -10px 0 rgba(105,117,243,.14),0 10px 0 rgba(105,117,243,.14);
}
#ttRouterApp .ttr-media-header strong{
font-size:12.5px;
}
#ttRouterApp .ttr-media-hand{
padding:2px 8px 6px;
background:linear-gradient(90deg,rgba(240,237,255,.92),rgba(240,237,255,.10));
border-radius:10px;
font-size:20px;
}
#ttRouterApp .ttr-content{
background:
radial-gradient(circle at 93% 10%, rgba(105,117,243,.06), transparent 18%),
radial-gradient(circle at 8% 90%, rgba(255,223,212,.35), transparent 23%),
linear-gradient(145deg,#ffffff,#fffdfa 100%);
box-shadow:0 21px 55px rgba(32,44,90,.05);
}
#ttRouterApp .ttr-content::after{
width:94px;
}
#ttRouterApp .ttr-panel::before{
content:"";
position:absolute;
left:0;
top:0;
width:110px;
height:1px;
background:linear-gradient(90deg,var(--accent),transparent);
opacity:.12;
}
#ttRouterApp .ttr-panel-head{
position:relative;
}
#ttRouterApp .ttr-panel-head::after{
content:"";
position:absolute;
left:0;
bottom:-7px;
width:100%;
height:1px;
background:linear-gradient(90deg,rgba(24,39,80,.06),transparent);
}
#ttRouterApp .ttr-panel-hand{
padding:2px 8px 6px;
background:linear-gradient(90deg,rgba(240,237,255,.9),rgba(240,237,255,.12));
border-radius:9px;
font-size:19px;
}
#ttRouterApp .ttr-panel h3{
position:relative;
}
#ttRouterApp .ttr-panel h3::after{
content:"";
display:block;
width:56px;
height:1px;
margin-top:8px;
background:linear-gradient(90deg,var(--accent),rgba(105,117,243,0));
opacity:.2;
}
#ttRouterApp .ttr-info{
position:relative;
overflow:hidden;
border-color:rgba(24,39,80,.07);
background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(250,248,255,.84));
}
#ttRouterApp .ttr-info::before{
content:"";
position:absolute;
left:14px;
top:14px;
width:42px;
height:42px;
border-radius:50%;
background:radial-gradient(circle,rgba(105,117,243,.10),transparent 70%);
pointer-events:none;
}
#ttRouterApp .ttr-tags{
gap:8px;
}
#ttRouterApp .ttr-tag{
box-shadow:0 8px 18px rgba(32,44,90,.028);
}
#ttRouterApp .ttr-flow{
position:relative;
border-color:rgba(24,39,80,.07);
background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,250,247,.88));
}
#ttRouterApp .ttr-flow::after{
content:"";
position:absolute;
left:14px;
bottom:12px;
width:74px;
height:1px;
background:linear-gradient(90deg,rgba(213,129,106,.24),transparent);
}
#ttRouterApp .ttr-actions{
align-items:center;
}
#ttRouterApp .ttr-btn,
#ttRouterApp .ttr-compare-btn{
box-shadow:0 14px 28px rgba(105,117,243,.18);
}
#ttRouterApp .ttr-btn-soft{
border-color:rgba(105,117,243,.11);
background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,246,255,.92));
}
#ttRouterApp .ttr-stage-note,
#ttRouterApp .ttr-panel-script,
#ttRouterApp .ttr-mobile-float-note,
#ttRouterApp .ttr-mobile-script-chip{
font-family:"TTDanstevis","Estedad",Tahoma,sans-serif !important;
}
#ttRouterApp .ttr-stage-note{
position:absolute;
z-index:5;
right:26px;
top:59px;
padding:2px 7px 6px;
color:rgba(105,117,243,.70);
font-size:19px;
line-height:1.1;
border-radius:10px;
background:linear-gradient(90deg,rgba(241,238,255,.93),rgba(241,238,255,.10));
transform:rotate(-3deg);
pointer-events:none;
}
#ttRouterApp .ttr-stage-note::after{
content:"";
display:block;
width:54px;
margin-top:2px;
border-bottom:1px solid rgba(105,117,243,.24);
}
#ttRouterApp .ttr-stage-micro{
position:absolute;
z-index:3;
right:29px;
bottom:77px;
display:flex;
align-items:center;
gap:7px;
color:rgba(24,39,80,.30);
font-family:Arial,sans-serif;
font-size:7px;
font-weight:900;
letter-spacing:1.2px;
pointer-events:none;
}
#ttRouterApp .ttr-stage-micro i{
width:26px;
height:1px;
background:rgba(105,117,243,.22);
}
#ttRouterApp .ttr-dot-matrix{
position:absolute;
z-index:2;
left:28px;
top:94px;
width:34px;
display:grid;
grid-template-columns:repeat(4,4px);
gap:5px;
pointer-events:none;
}
#ttRouterApp .ttr-dot-matrix i{
width:4px;
height:4px;
border-radius:50%;
background:rgba(24,39,80,.12);
}
#ttRouterApp .ttr-smile-arrow{
position:absolute;
z-index:3;
left:22px;
bottom:82px;
width:86px;
height:auto;
color:rgba(105,117,243,.20);
transform:rotate(-7deg);
pointer-events:none;
}
#ttRouterApp .ttr-panel-script{
margin-top:10px;
display:inline-block;
padding:2px 8px 6px;
color:rgba(105,117,243,.66);
font-size:18px;
line-height:1;
border-radius:10px;
background:linear-gradient(90deg,rgba(241,238,255,.9),rgba(241,238,255,.10));
transform:rotate(-4deg);
}
#ttRouterApp .ttr-mobile-script-chip{
display:none;
}
#ttRouterApp .ttr-mobile-dock{
border-color:rgba(105,117,243,.10);
background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(250,248,255,.92));
box-shadow:0 18px 42px rgba(32,44,90,.11);
}
#ttRouterApp .ttr-dock-button{
box-shadow:0 12px 24px rgba(105,117,243,.16);
}
@media(max-width:760px){
#ttRouterApp .ttr-intro-hand{
bottom:-4px;
left:auto;
right:4px;
font-size:16px;
}
#ttRouterApp .ttr-app-header{
position:relative;
overflow:hidden;
}
#ttRouterApp .ttr-app-header::after{
content:"";
position:absolute;
left:12px;
top:12px;
width:48px;
height:48px;
border-radius:16px;
background:radial-gradient(circle,rgba(255,216,201,.40),transparent 70%);
pointer-events:none;
}
#ttRouterApp .ttr-stage{
gap:10px;
}
#ttRouterApp .ttr-media{
border-radius:22px;
padding:10px;
background:
radial-gradient(circle at 88% 14%, rgba(255,212,196,.40), transparent 18%),
radial-gradient(circle at 15% 84%, rgba(224,218,255,.45), transparent 21%),
linear-gradient(145deg,#f4f0ff 0%,#efebff 100%);
}
#ttRouterApp .ttr-media::before{
right:14px;
top:60px;
height:109px;
width:18px;
}
#ttRouterApp .ttr-media::after{
left:13px;
top:73px;
width:52px;
height:52px;
}
#ttRouterApp .ttr-stage-note{
right:15px;
top:46px;
font-size:15px;
padding:2px 5px 4px;
}
#ttRouterApp .ttr-stage-micro{
right:14px;
bottom:66px;
font-size:5.4px;
gap:5px;
}
#ttRouterApp .ttr-stage-micro i{
width:16px;
}
#ttRouterApp .ttr-dot-matrix{
left:14px;
top:84px;
opacity:.7;
transform:scale(.85);
}
#ttRouterApp .ttr-smile-arrow{
left:10px;
bottom:68px;
width:62px;
}
#ttRouterApp .ttr-media-header strong{
font-size:11px;
}
#ttRouterApp .ttr-media-hand{
font-size:15px;
padding:2px 5px 4px;
}
#ttRouterApp .ttr-content{
border-radius:22px;
padding:18px 15px 16px;
}
#ttRouterApp .ttr-panel-head{
align-items:flex-start;
}
#ttRouterApp .ttr-panel-hand{
font-size:15px;
padding:2px 5px 4px;
}
#ttRouterApp .ttr-panel-script{
display:none;
}
#ttRouterApp .ttr-mobile-script-chip{
display:inline-flex;
align-items:center;
min-height:28px;
margin-top:9px;
padding:0 10px;
border-radius:999px;
color:rgba(105,117,243,.72);
background:linear-gradient(90deg,rgba(241,238,255,.95),rgba(241,238,255,.30));
font-size:14px;
line-height:1;
white-space:nowrap;
}
#ttRouterApp .ttr-flow,
#ttRouterApp .ttr-info{
border-radius:16px;
}
#ttRouterApp .ttr-mobile-dock{
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
}
#ttRouterApp .ttr-intro{
display:flex;
flex-direction:column;
align-items:center;
}
#ttRouterApp .ttr-intro-text{
position:relative;
z-index:2;
}
#ttRouterApp .ttr-intro-hand{
position:relative !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
display:inline-block !important;
width:max-content;
max-width:100%;
margin:
10px 0 0 auto;
padding:
3px 12px 8px;
align-self:flex-end;
color:
rgba(100,91,231,.75);
background:
linear-gradient(
90deg,
rgba(239,235,255,.94),
rgba(246,243,255,.68) 68%,
rgba(246,243,255,0)
);
border-radius:
12px;
font-size:20px;
line-height:1.15;
white-space:nowrap;
transform:
rotate(-2.5deg);
z-index:4;
isolation:isolate;
}
#ttRouterApp .ttr-intro-hand::before{
content:"";
position:absolute;
z-index:-1;
right:-5px;
top:-4px;
width:35px;
height:35px;
border-radius:50%;
background:
radial-gradient(
circle,
rgba(213,129,106,.11),
transparent 72%
);
pointer-events:none;
}
#ttRouterApp .ttr-intro-hand::after{
width:76px;
height:13px;
margin:
-3px auto 0;
border-bottom:
1px solid
rgba(105,117,243,.28);
}
#ttRouterApp .ttr-panel-head{
flex-wrap:wrap;
}
#ttRouterApp .ttr-panel-hand{
position:relative;
flex:0 0 auto;
max-width:100%;
white-space:nowrap;
margin-inline-start:auto;
}
#ttRouterApp .ttr-stage-note{
top:70px;
right:31px;
max-width:170px;
text-align:center;
}
#ttRouterApp .ttr-panel-script{
margin:
11px 0 1px;
clear:both;
}
@media(max-width:1060px){
#ttRouterApp .ttr-intro{
align-items:flex-start;
}
#ttRouterApp .ttr-intro-hand{
display:inline-block !important;
align-self:flex-start;
margin:
8px 0 0;
font-size:17px;
transform:
rotate(-2deg);
}
#ttRouterApp .ttr-panel-head{
gap:
8px 10px;
}
}
@media(max-width:760px){
#ttRouterApp .ttr-intro{
display:flex;
align-items:stretch;
text-align:right;
}
#ttRouterApp .ttr-intro-hand{
display:inline-flex !important;
align-items:center;
align-self:flex-start;
min-height:31px;
margin:
8px 0 0;
padding:
3px 10px 7px;
font-size:15px;
line-height:1;
border:
1px solid
rgba(105,117,243,.075);
border-radius:
11px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.96),
rgba(249,247,255,.84)
);
box-shadow:
0 7px 18px
rgba(51,52,108,.025);
transform:
rotate(-1.5deg);
}
#ttRouterApp .ttr-intro-hand::before{
right:auto;
left:-5px;
width:27px;
height:27px;
}
#ttRouterApp .ttr-intro-hand::after{
width:48px;
height:10px;
margin:
-2px 5px 0 0;
}
#ttRouterApp .ttr-panel-head{
display:grid;
grid-template-columns:
minmax(0,1fr);
gap:7px;
align-items:start;
}
#ttRouterApp .ttr-state{
width:100%;
}
#ttRouterApp .ttr-panel-hand{
justify-self:start;
margin:0;
padding:
2px 8px 5px;
font-size:15px;
background:
linear-gradient(
90deg,
rgba(240,237,255,.94),
rgba(240,237,255,.22)
);
border-radius:9px;
transform:
rotate(-1.8deg);
}
#ttRouterApp .ttr-stage-note{
top:54px;
right:14px;
max-width:142px;
font-size:14px;
}
}
@media(max-width:390px){
#ttRouterApp .ttr-intro-hand{
font-size:14px;
padding:
3px 9px 6px;
}
#ttRouterApp .ttr-panel-hand{
font-size:14px;
}
}
#ttRouterApp .ttr-contact-modal{
position:fixed;
z-index:100500;
inset:0;
display:grid;
place-items:center;
padding:18px;
background:
rgba(18,28,60,.55);
-webkit-backdrop-filter:
blur(11px);
backdrop-filter:
blur(11px);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:
opacity .18s ease,
visibility .18s ease;
}
#ttRouterApp .ttr-contact-modal.open{
opacity:1;
visibility:visible;
pointer-events:auto;
}
#ttRouterApp .ttr-contact-dialog{
position:relative;
width:min(
430px,
100%
);
overflow:hidden;
padding:
26px;
border:
1px solid
rgba(105,117,243,.13);
border-radius:25px;
background:
radial-gradient(
circle at 91% 9%,
rgba(105,117,243,.11),
transparent 28%
),
radial-gradient(
circle at 8% 93%,
rgba(255,213,197,.23),
transparent 30%
),
linear-gradient(
145deg,
#fffefd,
#fff9f6
);
box-shadow:
0 38px 100px
rgba(10,17,43,.28);
}
#ttRouterApp .ttr-contact-dialog::before{
content:"";
position:absolute;
top:0;
right:52px;
width:118px;
height:5px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
#e99178,
#6975f3,
#4f8f7e
);
}
#ttRouterApp .ttr-contact-close{
position:absolute;
top:13px;
left:13px;
width:36px;
height:36px;
display:grid;
place-items:center;
cursor:pointer;
border:
1px solid
rgba(24,39,80,.08);
border-radius:11px;
color:var(--ink);
background:
rgba(255,255,255,.82);
}
#ttRouterApp .ttr-contact-hand{
width:max-content;
max-width:calc(100% - 46px);
margin-bottom:8px;
padding:
2px 10px 6px;
color:
rgba(105,117,243,.72);
background:
linear-gradient(
90deg,
rgba(239,235,255,.96),
transparent
);
border-radius:9px;
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-size:18px;
line-height:1.1;
}
#ttRouterApp .ttr-contact-dialog h4{
margin:0;
color:var(--ink);
font-size:24px;
line-height:1.55;
font-weight:950;
}
#ttRouterApp .ttr-contact-dialog p{
margin:
7px 0 0;
color:var(--text);
font-size:13px;
line-height:1.95;
}
#ttRouterApp .ttr-contact-number{
margin-top:17px;
min-height:66px;
padding:
8px 10px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border:
1px solid
rgba(24,39,80,.075);
border-radius:16px;
background:#fff;
box-shadow:
0 10px 25px
rgba(32,44,90,.035);
}
#ttRouterApp .ttr-contact-number strong{
color:var(--ink);
direction:ltr;
unicode-bidi:embed;
font-family:
Arial,
sans-serif;
font-size:21px;
font-weight:900;
}
#ttRouterApp .ttr-contact-number small{
display:block;
margin-bottom:3px;
color:var(--muted);
font-size:8px;
}
#ttRouterApp .ttr-contact-call{
min-height:46px;
padding:
0 13px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
border-radius:12px;
color:#fff;
background:
linear-gradient(
135deg,
#6975f3,
#5964dc
);
box-shadow:
0 10px 24px
rgba(105,117,243,.18);
font-size:10px;
font-weight:900;
}
@media(max-width:760px){
#ttRouterApp .ttr-contact-modal{
display:none !important;
}
}
#ttRouterApp .ttr-intro-hand,
#ttRouterApp .ttr-panel-hand,
#ttRouterApp .ttr-panel-script,
#ttRouterApp .ttr-mobile-script-chip,
#ttRouterApp .ttr-contact-hand{
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif !important;
font-style:normal !important;
font-weight:800 !important;
transform:none !important;
}
#ttRouterApp .ttr-panel-script,
#ttRouterApp .ttr-mobile-script-chip{
display:none !important;
}
#ttRouterApp .ttr-stage-note,
#ttRouterApp .ttr-media-hand{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttRouterApp .ttr-intro-hand{
display:inline-flex !important;
align-items:center;
gap:7px;
min-height:31px;
padding:0 10px !important;
color:#6b637a !important;
border:
1px solid
rgba(213,129,106,.15) !important;
border-radius:999px !important;
background:
rgba(255,240,232,.72) !important;
box-shadow:none !important;
font-size:11px !important;
line-height:1 !important;
white-space:nowrap;
}
#ttRouterApp .ttr-intro-hand::before{
content:"" !important;
position:static !important;
width:6px !important;
height:6px !important;
flex:0 0 auto;
border-radius:50% !important;
background:var(--coral) !important;
box-shadow:
0 0 0 4px
rgba(213,129,106,.08) !important;
}
#ttRouterApp .ttr-intro-hand::after{
display:none !important;
}
#ttRouterApp .ttr-panel-hand{
min-height:28px;
padding:
0 9px !important;
display:inline-flex;
align-items:center;
color:var(--accent) !important;
border:
1px solid
var(--accent-soft) !important;
border-radius:999px !important;
background:
var(--accent-soft) !important;
box-shadow:none !important;
font-size:10.5px !important;
line-height:1 !important;
}
#ttRouterApp .ttr-contact-hand{
padding:
0 !important;
margin-bottom:
7px !important;
color:
var(--accent) !important;
background:
transparent !important;
border-radius:
0 !important;
font-size:
11px !important;
line-height:
1.6 !important;
}
@media(max-width:760px){
#ttRouterApp{
padding:
16px 0 94px !important;
background:
linear-gradient(
180deg,
#f4f6fa 0%,
#f1f4f9 100%
) !important;
border-top:
1px solid
#e5e9f1;
border-bottom:
1px solid
#e5e9f1;
}
#ttRouterApp .ttr-container{
width:
calc(100% - 16px) !important;
}
#ttRouterApp .ttr-intro{
position:relative;
margin:
0 0 10px !important;
padding:
14px 14px 13px !important;
align-items:stretch !important;
border:
1px solid
#efe3dc;
border-radius:
20px;
background:
linear-gradient(
145deg,
#fffdfb 0%,
#fff8f3 100%
);
box-shadow:
0 8px 22px
rgba(60,49,84,.035);
text-align:right !important;
}
#ttRouterApp .ttr-intro::before{
right:14px !important;
top:0 !important;
width:74px !important;
height:3px !important;
transform:none !important;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--coral),
rgba(213,129,106,.20)
) !important;
}
#ttRouterApp .ttr-intro::after{
display:none !important;
}
#ttRouterApp .ttr-kicker{
width:max-content;
margin-bottom:
6px !important;
padding:
4px 8px;
border-radius:
999px;
color:
#a35f4d !important;
background:
var(--peach-soft);
font-size:
10.5px !important;
}
#ttRouterApp .ttr-kicker::before,
#ttRouterApp .ttr-kicker::after{
display:none !important;
}
#ttRouterApp .ttr-intro h2{
margin-top:0 !important;
font-size:
clamp(
25px,
7.2vw,
31px
) !important;
line-height:
1.42 !important;
}
#ttRouterApp .ttr-intro-text{
margin:
6px 0 0 !important;
color:
#646b7d !important;
font-size:
13.5px !important;
line-height:
1.95 !important;
}
#ttRouterApp .ttr-intro-hand{
align-self:flex-start !important;
margin:
10px 0 0 !important;
}
#ttRouterApp .ttr-shell{
overflow:visible !important;
padding:
7px !important;
border:
1px solid
#dce3ee !important;
border-radius:
24px !important;
background:
#e9eef5 !important;
box-shadow:
0 12px 30px
rgba(31,45,80,.055) !important;
}
#ttRouterApp .ttr-shell::before,
#ttRouterApp .ttr-shell::after{
display:none !important;
}
#ttRouterApp .ttr-app-header{
min-height:
58px !important;
margin-bottom:
7px;
padding:
8px 9px !important;
overflow:hidden;
border:
1px solid
#dde4ef;
border-radius:
17px;
background:
#ffffff !important;
box-shadow:
0 5px 14px
rgba(31,45,80,.035) !important;
}
#ttRouterApp .ttr-app-header::after{
display:none !important;
}
#ttRouterApp .ttr-app-icon{
width:
39px !important;
height:
39px !important;
border:
1px solid
var(--accent-soft);
border-radius:
12px !important;
color:
var(--accent) !important;
background:
var(--accent-soft) !important;
}
#ttRouterApp .ttr-app-title strong{
font-size:
12.5px !important;
}
#ttRouterApp .ttr-app-title small{
color:
#8a92a4 !important;
font-size:
9.5px !important;
}
#ttRouterApp .ttr-app-count{
min-width:
54px !important;
padding:
7px 8px;
border:
1px solid
#e6eaf1;
border-radius:
11px;
background:
#f8f9fc;
text-align:center !important;
}
#ttRouterApp .ttr-app-count strong{
color:
var(--accent) !important;
font-size:
12px !important;
}
#ttRouterApp .ttr-app-progress{
margin-top:
5px !important;
}
#ttRouterApp .ttr-tabs-shell{
margin-bottom:
8px !important;
padding:
4px !important;
border:
1px solid
#d4dce8 !important;
border-radius:
16px !important;
background:
#dfe6ef !important;
box-shadow:
inset 0 1px 2px
rgba(31,45,80,.035);
}
#ttRouterApp .ttr-tab{
min-height:
49px !important;
padding:
6px 5px !important;
border:
1px solid
transparent !important;
border-radius:
12px !important;
color:
#626b7e !important;
background:
rgba(255,255,255,.56) !important;
box-shadow:none !important;
font-size:
10.5px !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"]{
color:
#fff !important;
border-color:
var(--accent) !important;
background:
var(--accent) !important;
box-shadow:
0 7px 16px
rgba(42,55,102,.14) !important;
}
#ttRouterApp .ttr-tab-icon{
border:
1px solid
#e3e7ef !important;
color:
#7a8396 !important;
background:
#fff !important;
}
#ttRouterApp
.ttr-tab[aria-selected="true"]
.ttr-tab-icon{
color:
#fff !important;
border-color:
rgba(255,255,255,.20) !important;
background:
rgba(255,255,255,.14) !important;
}
#ttRouterApp .ttr-stage{
gap:
8px !important;
}
#ttRouterApp .ttr-content{
order:
1 !important;
padding:
17px 14px 14px !important;
border:
1px solid
rgba(105,117,243,.15) !important;
border-radius:
20px !important;
background:
#ffffff !important;
box-shadow:
0 7px 18px
rgba(31,45,80,.045) !important;
}
#ttRouterApp .ttr-content::before{
top:
16px !important;
width:
4px !important;
height:
74px !important;
opacity:
.92 !important;
background:
var(--accent) !important;
}
#ttRouterApp .ttr-content::after{
display:none !important;
}
#ttRouterApp .ttr-big-section-number{
display:none !important;
}
#ttRouterApp .ttr-panel::before{
display:none !important;
}
#ttRouterApp .ttr-panel-head{
display:flex !important;
flex-wrap:wrap;
align-items:center !important;
justify-content:space-between;
gap:
7px 8px !important;
margin-bottom:
9px !important;
}
#ttRouterApp .ttr-panel-head::after{
left:
0 !important;
right:
0;
bottom:
-7px !important;
width:
100% !important;
background:
#eef1f5 !important;
}
#ttRouterApp .ttr-state{
width:auto !important;
gap:
6px !important;
}
#ttRouterApp .ttr-chip{
min-height:
29px !important;
padding:
0 10px !important;
color:
#fff !important;
border:
1px solid
var(--accent);
border-radius:
999px;
background:
var(--accent) !important;
font-size:
10px !important;
box-shadow:
0 5px 12px
rgba(35,49,95,.10);
}
#ttRouterApp .ttr-state-index{
padding:
4px 7px;
border-radius:
999px;
color:
#7d8596 !important;
background:
#f2f4f8;
font-size:
9.5px !important;
}
#ttRouterApp .ttr-panel-hand{
margin:
0 !important;
justify-self:auto !important;
font-size:
9.5px !important;
}
#ttRouterApp .ttr-panel h3{
margin-top:
13px !important;
font-size:
clamp(
22px,
6.5vw,
27px
) !important;
line-height:
1.45 !important;
}
#ttRouterApp .ttr-panel h3::after{
width:
42px !important;
margin-top:
7px !important;
}
#ttRouterApp .ttr-lead{
margin-top:
6px !important;
color:
#626a7d !important;
font-size:
13.5px !important;
line-height:
1.95 !important;
}
#ttRouterApp .ttr-info{
margin-top:
12px !important;
padding:
11px !important;
overflow:hidden;
border:
1px solid
var(--accent-soft) !important;
border-radius:
15px !important;
background:
linear-gradient(
145deg,
var(--accent-soft) 0%,
#ffffff 115%
) !important;
box-shadow:
inset 4px 0 0
rgba(255,255,255,.45);
}
#ttRouterApp .ttr-info::before{
left:
10px !important;
top:
10px !important;
width:
34px !important;
height:
34px !important;
opacity:
.58;
}
#ttRouterApp .ttr-info-title{
margin:
0 0 8px !important;
color:
var(--ink) !important;
font-size:
11.5px !important;
}
#ttRouterApp .ttr-tags{
gap:
5px !important;
}
#ttRouterApp .ttr-tag{
min-height:
30px !important;
padding:
0 9px !important;
border:
1px solid
rgba(24,39,80,.07) !important;
border-radius:
9px !important;
color:
#38425f !important;
background:
rgba(255,255,255,.88) !important;
box-shadow:
0 4px 10px
rgba(31,45,80,.025) !important;
font-size:
9.8px !important;
}
#ttRouterApp .ttr-flow{
margin-top:
9px !important;
padding:
10px !important;
border:
1px solid
#f0ddd4 !important;
border-radius:
15px !important;
background:
linear-gradient(
145deg,
#fff8f4 0%,
#fffdfb 100%
) !important;
box-shadow:none !important;
}
#ttRouterApp .ttr-flow::after{
display:none !important;
}
#ttRouterApp .ttr-flow-title{
margin-bottom:
8px !important;
color:
#815b50 !important;
font-size:
11px !important;
}
#ttRouterApp .ttr-flow-grid::before{
background:
rgba(213,129,106,.18) !important;
}
#ttRouterApp .ttr-flow-num{
border-color:
#ead7cf !important;
background:
#fff !important;
}
#ttRouterApp
.ttr-flow-step:first-child
.ttr-flow-num{
border-color:
var(--accent) !important;
background:
var(--accent) !important;
}
#ttRouterApp .ttr-flow-step span:last-child{
color:
#7b7480 !important;
font-size:
9px !important;
}
#ttRouterApp .ttr-actions{
margin-top:
10px !important;
padding:
9px !important;
display:grid !important;
grid-template-columns:
1fr !important;
gap:
6px !important;
border:
1px solid
var(--accent-soft);
border-radius:
16px;
background:
linear-gradient(
145deg,
var(--accent-soft),
#ffffff
);
}
#ttRouterApp .ttr-btn,
#ttRouterApp .ttr-btn-soft,
#ttRouterApp .ttr-compare-btn{
width:
100% !important;
min-height:
48px !important;
border-radius:
13px !important;
font-size:
12.5px !important;
}
#ttRouterApp .ttr-btn{
border-color:
var(--accent) !important;
background:
var(--accent) !important;
box-shadow:
0 8px 18px
rgba(31,45,80,.12) !important;
}
#ttRouterApp .ttr-btn-soft,
#ttRouterApp .ttr-compare-btn{
border-color:
#dce3ed !important;
background:
#fff !important;
box-shadow:none !important;
}
#ttRouterApp .ttr-media{
order:
2 !important;
padding:
9px !important;
overflow:hidden !important;
border:
1px solid
#dcd6f5 !important;
border-radius:
20px !important;
background:
linear-gradient(
145deg,
#efebff 0%,
#f6f3ff 100%
) !important;
box-shadow:
0 7px 18px
rgba(70,64,135,.045) !important;
}
#ttRouterApp .ttr-media::before,
#ttRouterApp .ttr-media::after,
#ttRouterApp .ttr-corner,
#ttRouterApp .ttr-orbit,
#ttRouterApp .ttr-cross,
#ttRouterApp .ttr-dot-matrix,
#ttRouterApp .ttr-smile-arrow,
#ttRouterApp .ttr-stage-micro{
display:none !important;
}
#ttRouterApp .ttr-media-header{
min-height:
38px !important;
margin:
0 0 7px !important;
padding:
6px 8px;
border:
1px solid
rgba(105,117,243,.09);
border-radius:
12px;
background:
rgba(255,255,255,.72);
}
#ttRouterApp .ttr-media-header strong{
color:
var(--ink) !important;
font-size:
10.8px !important;
}
#ttRouterApp .ttr-media-hand{
padding:
0 !important;
color:
rgba(103,91,151,.70) !important;
background:
transparent !important;
font-size:
14px !important;
}
#ttRouterApp .ttr-stage-note{
top:
58px !important;
right:
14px !important;
max-width:
138px !important;
padding:
2px 6px 5px !important;
color:
rgba(103,91,151,.56) !important;
background:
rgba(255,255,255,.50) !important;
border-radius:
8px !important;
font-size:
13px !important;
}
#ttRouterApp .ttr-images{
gap:
6px !important;
}
#ttRouterApp .ttr-photo{
border:
1px solid
rgba(24,39,80,.07) !important;
background:
#fff !important;
box-shadow:
0 5px 13px
rgba(31,45,80,.035) !important;
}
#ttRouterApp .ttr-photo.main{
border-radius:
15px !important;
}
#ttRouterApp .ttr-photo.small{
border-radius:
12px !important;
}
#ttRouterApp .ttr-photo figcaption{
min-height:
30px !important;
padding:
6px 7px !important;
color:
#566078 !important;
font-size:
9px !important;
}
#ttRouterApp .ttr-media-foot{
margin-top:
7px !important;
padding:
8px !important;
border:
1px solid
rgba(105,117,243,.09) !important;
border-radius:
11px !important;
color:
#6c7487 !important;
background:
rgba(255,255,255,.78) !important;
font-size:
9.8px !important;
line-height:
1.75 !important;
}
#ttRouterApp .ttr-mobile-dock{
right:
8px !important;
left:
8px !important;
min-height:
64px !important;
padding:
6px !important;
border:
1px solid
#dce3ed !important;
border-radius:
18px !important;
background:
rgba(255,255,255,.96) !important;
box-shadow:
0 16px 38px
rgba(23,35,70,.17) !important;
-webkit-backdrop-filter:
blur(16px);
backdrop-filter:
blur(16px);
}
#ttRouterApp .ttr-dock-info small{
color:
#8991a2 !important;
}
#ttRouterApp .ttr-dock-info strong{
color:
#253452 !important;
}
#ttRouterApp .ttr-dock-button{
min-height:
49px !important;
border-radius:
13px !important;
border-color:
var(--accent) !important;
background:
var(--accent) !important;
box-shadow:
0 8px 18px
rgba(31,45,80,.14) !important;
}
#ttRouterApp .ttr-sheet{
border:
1px solid
#dce3ed !important;
background:
#f7f9fc !important;
box-shadow:
0 24px 65px
rgba(17,27,57,.24) !important;
}
#ttRouterApp .ttr-sheet-head{
margin-bottom:
6px;
padding:
5px 5px 12px !important;
border-bottom:
1px solid
#e4e9f1;
}
#ttRouterApp .ttr-sheet-consult{
background:
var(--green) !important;
}
}
@media(max-width:390px){
#ttRouterApp .ttr-container{
width:
calc(100% - 12px) !important;
}
#ttRouterApp .ttr-intro{
padding:
13px 12px 12px !important;
border-radius:
18px;
}
#ttRouterApp .ttr-shell{
padding:
6px !important;
border-radius:
21px !important;
}
#ttRouterApp .ttr-app-header{
border-radius:
15px;
}
#ttRouterApp .ttr-tabs-shell{
border-radius:
14px !important;
}
#ttRouterApp .ttr-tab{
min-height:
47px !important;
font-size:
10px !important;
}
#ttRouterApp .ttr-content,
#ttRouterApp .ttr-media{
border-radius:
18px !important;
}
#ttRouterApp .ttr-panel h3{
font-size:
22px !important;
}
#ttRouterApp .ttr-panel-hand{
font-size:
9px !important;
}
#ttRouterApp .ttr-actions{
padding:
8px !important;
}
}
#ttRouterApp .ttr-choice-guide{
position:relative;
z-index:8;
margin:0 0 9px;
padding:10px 12px;
display:flex;
align-items:center;
gap:10px;
border:1px solid rgba(105,117,243,.14);
border-radius:14px;
background:linear-gradient(135deg,rgba(239,240,255,.82),rgba(255,255,255,.96));
color:var(--ink);
}
#ttRouterApp .ttr-choice-guide-icon{
width:34px;
height:34px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:11px;
color:var(--iris);
background:#fff;
border:1px solid rgba(105,117,243,.15);
box-shadow:0 5px 14px rgba(32,44,90,.04);
}
#ttRouterApp .ttr-choice-guide-copy{
min-width:0;
}
#ttRouterApp .ttr-choice-guide-copy strong{
display:block;
color:var(--ink);
font-size:12.5px;
line-height:1.65;
font-weight:900;
}
#ttRouterApp .ttr-choice-guide-copy small{
display:block;
margin-top:1px;
color:var(--muted);
font-size:10.5px;
line-height:1.7;
}
#ttRouterApp .ttr-tabs-shell{
border:1px solid rgba(105,117,243,.15) !important;
background:#f7f7fd !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}
#ttRouterApp .ttr-tab{
min-height:68px !important;
cursor:pointer !important;
border:1px solid transparent !important;
background:rgba(255,255,255,.48) !important;
box-shadow:none !important;
}
#ttRouterApp .ttr-tab:hover{
transform:translateY(-1px);
border-color:rgba(105,117,243,.16) !important;
background:#fff !important;
box-shadow:0 7px 18px rgba(32,44,90,.05) !important;
}
#ttRouterApp .ttr-tab::after{
content:"انتخاب";
position:absolute;
right:10px;
bottom:5px;
color:var(--muted);
font-size:8px;
line-height:1;
font-weight:800;
opacity:.72;
}
#ttRouterApp .ttr-tab[aria-selected="true"]{
border-color:var(--accent) !important;
background:#fff !important;
box-shadow:0 8px 22px rgba(32,44,90,.075), inset 0 0 0 1px var(--accent-soft) !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"]::after{
content:"✓ انتخاب شده";
color:var(--accent);
opacity:1;
}
#ttRouterApp .ttr-tab[aria-selected="true"]::before{
content:"";
position:absolute;
top:-1px;
right:18%;
left:18%;
height:3px;
border-radius:0 0 999px 999px;
background:var(--accent);
}
#ttRouterApp .ttr-info{
padding:11px 12px;
border:1px solid rgba(24,39,80,.065);
border-radius:14px;
background:#fbfbfd;
}
#ttRouterApp .ttr-tags{
gap:10px 16px !important;
}
#ttRouterApp .ttr-tag{
min-height:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
cursor:default !important;
color:var(--ink-2) !important;
font-size:11.5px !important;
}
#ttRouterApp .ttr-tag::before{
width:5px !important;
height:5px !important;
box-shadow:0 0 0 3px var(--accent-soft);
}
#ttRouterApp .ttr-flow{
border-style:dashed !important;
background:rgba(253,252,255,.72) !important;
}
#ttRouterApp .ttr-flow-step{
cursor:default !important;
}
#ttRouterApp .ttr-flow-title::before{
content:"راهنمای مسیر · ";
color:var(--accent);
}
#ttRouterApp .ttr-actions{
position:relative;
margin-top:20px !important;
padding-top:26px;
border-top:1px solid rgba(24,39,80,.075);
}
#ttRouterApp .ttr-actions::before{
content:"برای ادامه یکی از این گزینه‌ها را انتخاب کنید";
position:absolute;
top:7px;
right:0;
color:var(--muted);
font-size:9.5px;
line-height:1.5;
font-weight:750;
}
#ttRouterApp .ttr-btn,
#ttRouterApp .ttr-btn-soft,
#ttRouterApp .ttr-compare-btn{
position:relative;
}
#ttRouterApp .ttr-btn{
box-shadow:0 13px 28px rgba(32,44,90,.14) !important;
}
#ttRouterApp .ttr-btn-soft,
#ttRouterApp .ttr-compare-btn{
background:#fff !important;
border-color:rgba(105,117,243,.22) !important;
}
#ttRouterApp .ttr-photo,
#ttRouterApp .ttr-media-foot,
#ttRouterApp .ttr-flow,
#ttRouterApp .ttr-info{
cursor:default !important;
}
@media(max-width:760px){
#ttRouterApp .ttr-choice-guide{
margin:0 0 7px;
padding:9px 10px;
border-radius:13px;
gap:8px;
}
#ttRouterApp .ttr-choice-guide-icon{
width:31px;
height:31px;
border-radius:10px;
}
#ttRouterApp .ttr-choice-guide-copy strong{
font-size:11.5px;
}
#ttRouterApp .ttr-choice-guide-copy small{
font-size:9px;
line-height:1.6;
}
#ttRouterApp .ttr-tabs-shell{
padding:5px !important;
background:#f3f4fa !important;
}
#ttRouterApp .ttr-tab{
min-height:62px !important;
padding:7px 4px 15px !important;
border-radius:12px !important;
background:rgba(255,255,255,.62) !important;
}
#ttRouterApp .ttr-tab::after{
right:50%;
bottom:5px;
transform:translateX(50%);
width:max-content;
font-size:7px;
}
#ttRouterApp .ttr-tab[aria-selected="true"]{
box-shadow:0 5px 15px rgba(32,44,90,.085) !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"]::before{
right:25%;
left:25%;
}
#ttRouterApp .ttr-info{
padding:9px 10px !important;
background:#fbfcfc !important;
}
#ttRouterApp .ttr-tags{
display:flex !important;
flex-wrap:wrap !important;
overflow:visible !important;
gap:7px 13px !important;
padding-bottom:0 !important;
}
#ttRouterApp .ttr-tag{
flex:0 1 auto !important;
font-size:9.5px !important;
white-space:normal !important;
}
#ttRouterApp .ttr-flow{
margin-top:9px !important;
background:#fafbfc !important;
}
#ttRouterApp .ttr-actions{
margin-top:14px !important;
padding-top:27px !important;
}
#ttRouterApp .ttr-actions::before{
top:7px;
font-size:8.5px;
}
#ttRouterApp .ttr-btn,
#ttRouterApp .ttr-btn-soft,
#ttRouterApp .ttr-compare-btn{
min-height:51px !important;
}
#ttRouterApp .ttr-mobile-dock{
border-color:rgba(105,117,243,.18) !important;
box-shadow:0 18px 44px rgba(27,38,79,.22), 0 0 0 1px rgba(255,255,255,.75) inset !important;
}
#ttRouterApp .ttr-dock-info small{
color:var(--accent) !important;
font-weight:850 !important;
}
#ttRouterApp .ttr-dock-button{
box-shadow:0 8px 20px rgba(32,44,90,.14);
}
}
#ttRouterApp .ttr-hand,
#ttRouterApp .ttr-intro-hand,
#ttRouterApp .ttr-panel-hand,
#ttRouterApp .ttr-media-hand,
#ttRouterApp .ttr-panel-script,
#ttRouterApp .ttr-mobile-script-chip,
#ttRouterApp .ttr-stage-note{
display:none !important;
}
#ttRouterApp .ttr-flow{
display:none !important;
}
#ttRouterApp{
--bg:#f4f5ff;
background:
radial-gradient(circle at 12% 8%, rgba(105,117,243,.10), transparent 24%),
radial-gradient(circle at 90% 88%, rgba(47,137,114,.08), transparent 26%),
linear-gradient(180deg,#f1f2ff 0%,#f7fafb 48%,#f4f8f6 100%) !important;
border-top:1px solid rgba(105,117,243,.16);
border-bottom:1px solid rgba(47,137,114,.10);
box-shadow:
inset 0 18px 38px rgba(105,117,243,.035),
inset 0 -18px 38px rgba(47,137,114,.025);
}
#ttRouterApp .ttr-shell{
background:rgba(255,255,255,.94) !important;
border-color:rgba(105,117,243,.15) !important;
box-shadow:
0 28px 72px rgba(32,44,90,.075),
0 1px 0 rgba(255,255,255,.95) inset !important;
}
#ttRouterApp .ttr-tabs-shell{
background:rgba(255,255,255,.82) !important;
border-color:rgba(105,117,243,.16) !important;
box-shadow:0 8px 22px rgba(32,44,90,.035);
}
#ttRouterApp .ttr-tab{
border:1px solid transparent !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"]{
border-color:rgba(105,117,243,.20) !important;
box-shadow:0 8px 20px rgba(32,44,90,.075) !important;
}
#ttRouterApp .ttr-tag{
cursor:default !important;
box-shadow:none !important;
}
@media(max-width:760px){
#ttRouterApp{
background:
radial-gradient(circle at 10% 5%, rgba(105,117,243,.12), transparent 25%),
linear-gradient(180deg,#f0f1ff 0%,#f8fafb 46%,#f2f8f5 100%) !important;
border-top:1px solid rgba(105,117,243,.18) !important;
}
#ttRouterApp .ttr-shell{
background:rgba(255,255,255,.96) !important;
border:1px solid rgba(105,117,243,.14) !important;
box-shadow:0 18px 45px rgba(32,44,90,.08) !important;
}
#ttRouterApp .ttr-tabs-shell{
padding:5px !important;
background:#eef0fb !important;
border:1px solid rgba(105,117,243,.13) !important;
}
#ttRouterApp .ttr-tab{
min-height:54px !important;
background:rgba(255,255,255,.48) !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"]{
background:#fff !important;
border-color:rgba(105,117,243,.20) !important;
}
}
#ttRouterApp{
margin-top:20px !important;
}
#ttRouterApp::before{
content:"";
position:absolute;
z-index:3;
top:0;
right:0;
left:0;
height:10px;
pointer-events:none;
background:linear-gradient(
90deg,
rgba(105,117,243,0),
rgba(105,117,243,.28) 28%,
rgba(213,129,106,.22) 50%,
rgba(47,137,114,.24) 72%,
rgba(47,137,114,0)
);
border-bottom:1px solid rgba(24,39,80,.055);
box-shadow:0 5px 18px rgba(32,44,90,.035);
}
@media(max-width:760px){
#ttRouterApp{
margin-top:18px !important;
padding-top:30px !important;
border-top:0 !important;
}
#ttRouterApp::before{
height:12px;
background:linear-gradient(
90deg,
rgba(105,117,243,.06),
rgba(105,117,243,.38) 30%,
rgba(213,129,106,.30) 50%,
rgba(47,137,114,.34) 70%,
rgba(47,137,114,.06)
);
border-top:1px solid rgba(255,255,255,.95);
border-bottom:1px solid rgba(105,117,243,.12);
box-shadow:0 7px 20px rgba(32,44,90,.06);
}
#ttRouterApp .ttr-tabs-shell{
padding:6px !important;
border:1px solid rgba(24,39,80,.10) !important;
background:#e9ebf7 !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.72),
0 8px 22px rgba(32,44,90,.055) !important;
}
#ttRouterApp .ttr-tab{
min-height:64px !important;
padding:8px 4px 17px !important;
border:1px solid rgba(24,39,80,.065) !important;
background:rgba(255,255,255,.76) !important;
color:var(--ink-2) !important;
box-shadow:0 2px 5px rgba(32,44,90,.025) !important;
opacity:1 !important;
}
#ttRouterApp .ttr-tab::after{
right:50% !important;
bottom:5px !important;
transform:translateX(50%) !important;
width:max-content !important;
padding:2px 6px !important;
border-radius:999px !important;
color:var(--muted) !important;
background:rgba(24,39,80,.045) !important;
font-size:7.5px !important;
line-height:1.35 !important;
font-weight:850 !important;
opacity:1 !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"]{
color:#fff !important;
border-color:transparent !important;
transform:translateY(-2px) !important;
box-shadow:
0 10px 24px rgba(32,44,90,.18),
0 0 0 2px rgba(255,255,255,.94) inset !important;
}
#ttRouterApp .ttr-tab[data-route="composite"][aria-selected="true"]{
background:linear-gradient(145deg,#737cf5 0%,#5864df 100%) !important;
}
#ttRouterApp .ttr-tab[data-route="laminate"][aria-selected="true"]{
background:linear-gradient(145deg,#d48a72 0%,#b9654f 100%) !important;
}
#ttRouterApp .ttr-tab[data-route="unsure"][aria-selected="true"]{
background:linear-gradient(145deg,#3c987f 0%,#287561 100%) !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"]::before{
content:"" !important;
position:absolute !important;
top:auto !important;
right:12px !important;
left:12px !important;
bottom:-5px !important;
height:4px !important;
border-radius:999px !important;
background:var(--accent) !important;
box-shadow:0 2px 8px rgba(32,44,90,.16) !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"]::after{
content:"✓ انتخاب شده" !important;
color:#fff !important;
background:rgba(255,255,255,.18) !important;
border:1px solid rgba(255,255,255,.22) !important;
opacity:1 !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"] .ttr-tab-icon{
color:var(--accent) !important;
background:#fff !important;
border-color:rgba(255,255,255,.75) !important;
box-shadow:0 4px 12px rgba(17,27,57,.16) !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"] .ttr-desktop-label,
#ttRouterApp .ttr-tab[aria-selected="true"] .ttr-mobile-label{
color:#fff !important;
font-weight:900 !important;
}
#ttRouterApp .ttr-tab:active{
transform:scale(.975) !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"]:active{
transform:translateY(-1px) scale(.985) !important;
}
}
#tohid-router-wrap,
#tohid-router-wrap > .elementor-element,
#ttRouterApp{
position:relative !important;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
box-shadow:none !important;
}
#ttRouterApp::before,
#ttRouterApp::after{
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
border:0 !important;
box-shadow:none !important;
opacity:0 !important;
filter:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
}
#ttRouterApp .ttr-intro{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
border:0 !important;
box-shadow:none !important;
}
#ttRouterApp .ttr-shell{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
border-color:rgba(105,117,243,.10) !important;
box-shadow:none !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
#ttRouterApp .ttr-tabs-shell{
background:rgba(255,255,255,.88) !important;
border-color:rgba(24,39,80,.07) !important;
}
#ttRouterApp .ttr-content{
background:rgba(255,255,255,.975) !important;
background-image:none !important;
}
#ttRouterApp .ttr-media{
background:rgba(255,255,255,.78) !important;
background-image:none !important;
}
#ttRouterApp .ttr-desktop-topbar,
#ttRouterApp .ttr-app-header{
background:rgba(255,255,255,.88) !important;
}
#ttRouterApp :is(
.ttr-photo,
.ttr-photo figcaption,
.ttr-media-foot,
.ttr-flow-num,
.ttr-btn-soft,
.ttr-compare-btn,
.ttr-compare-inner,
.ttr-sheet,
.ttr-mobile-dock
){
background-color:rgba(255,255,255,.95) !important;
}
#ttRouterApp .ttr-tab[data-route="composite"][aria-selected="true"]{
background:linear-gradient(145deg,#737cf5 0%,#5864df 100%) !important;
}
#ttRouterApp .ttr-tab[data-route="laminate"][aria-selected="true"]{
background:linear-gradient(145deg,#d48a72 0%,#b9654f 100%) !important;
}
#ttRouterApp .ttr-tab[data-route="unsure"][aria-selected="true"]{
background:linear-gradient(145deg,#3c987f 0%,#287561 100%) !important;
}
#ttRouterApp img,
#ttRouterApp video,
#ttRouterApp .ttr-photo img{
filter:none !important;
opacity:1 !important;
mix-blend-mode:normal !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
@media(max-width:767px){
#tohid-router-wrap,
#ttRouterApp{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
}
#ttRouterApp .ttr-shell,
#ttRouterApp .ttr-intro{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
}
#ttRouterApp .ttr-tabs-shell,
#ttRouterApp .ttr-app-header{
background:rgba(255,255,255,.91) !important;
}
#ttRouterApp .ttr-content{
background:rgba(255,255,255,.90) !important;
}
#ttRouterApp .ttr-media{
background:rgba(255,255,255,.85) !important;
}
}
#ttRouterApp {
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#ttRouterApp::before,
#ttRouterApp::after {
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
#ttRouterApp > .ttr-ambient-layer {
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
top:-100px !important;
right:0 !important;
bottom:-100px !important;
left:0 !important;
background-color:#fffaf7 !important;
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 42% !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
}
#ttRouterApp > .ttr-container {
position:relative !important;
z-index:1 !important;
}
@media(max-width:767px) {
#ttRouterApp > .ttr-ambient-layer {
top:-56px !important;
bottom:-56px !important;
background-image:linear-gradient(transparent,transparent) !important;
background-position:center 42% !important;
background-size:cover !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
}
}
@font-face{
font-family:"TTDanstevis";
src:url("../fonts/danstevis.ttf") format("truetype");
font-weight:400;
font-style:normal;
font-display:swap;
}
#ttProof{
--bg:#fffaf7;
--paper:#ffffff;
--paper-soft:#fbfdfc;
--ink:#182750;
--ink-2:#30405f;
--text:#5d6478;
--muted:#8d95a4;
--sage:#4f8f7e;
--sage-dark:#3d7869;
--sage-soft:#eaf6f2;
--sage-pale:#f4faf8;
--mint:#dcefe8;
--iris:#6975f3;
--iris-soft:#eff0ff;
--peach:#ffe0d1;
--peach-soft:#fff1e9;
--coral:#d5816a;
--line:rgba(24,39,80,.085);
--line-strong:rgba(79,143,126,.20);
--accent:#4f8f7e;
--accent-soft:#eaf6f2;
--shadow:
0 30px 80px rgba(32,44,90,.07),
0 10px 26px rgba(46,93,81,.035);
--max:1280px;
position:relative;
width:100%;
padding:34px 0 78px;
overflow:hidden;
color:var(--text);
background:
linear-gradient(
180deg,
#fffaf7 0%,
#fbfdfb 52%,
#fffaf7 100%
);
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif;
font-size:16px;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
#ttProof[data-view="face"]{
--accent:#4f8f7e;
--accent-soft:#eaf6f2;
}
#ttProof[data-view="smile"]{
--accent:#6975f3;
--accent-soft:#eff0ff;
}
#ttProof[data-view="detail"]{
--accent:#d5816a;
--accent-soft:#fff0e8;
}
#ttProof *,
#ttProof *::before,
#ttProof *::after{
box-sizing:border-box;
}
#ttProof a{
color:inherit;
text-decoration:none;
}
#ttProof button{
font:inherit;
}
#ttProof img{
display:block;
max-width:100%;
}
#ttProof figure{
margin:0;
}
#ttProof :focus-visible{
outline:3px solid rgba(79,143,126,.28);
outline-offset:3px;
}
#ttProof .ttp-container{
width:min(
var(--max),
calc(100% - 32px)
);
margin-inline:auto;
}
#ttProof .ttp-hand,
#ttProof .ttp-hand *{
font-family:"TTDanstevis","Estedad",Tahoma,sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttProof .ttp-bg-line{
position:absolute;
height:1px;
pointer-events:none;
background:
rgba(79,143,126,.13);
}
#ttProof .ttp-bg-line.one{
top:118px;
right:3%;
width:130px;
}
#ttProof .ttp-bg-line.two{
bottom:115px;
left:5%;
width:95px;
}
#ttProof .ttp-bg-line::before{
content:"";
position:absolute;
right:0;
top:-3px;
width:7px;
height:7px;
border-radius:50%;
background:var(--sage);
opacity:.45;
}
#ttProof .ttp-intro{
position:relative;
max-width:820px;
margin:0 auto 22px;
text-align:center;
}
#ttProof .ttp-kicker{
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:7px;
color:var(--sage);
font-size:12px;
line-height:1.6;
font-weight:850;
}
#ttProof .ttp-kicker::before,
#ttProof .ttp-kicker::after{
content:"";
width:38px;
height:1px;
background:
rgba(79,143,126,.30);
}
#ttProof .ttp-intro h2{
margin:0;
color:var(--ink);
font-size:
clamp(
34px,
3vw,
45px
);
line-height:1.4;
letter-spacing:-1px;
font-weight:950;
}
#ttProof .ttp-intro-text{
max-width:690px;
margin:8px auto 0;
color:var(--text);
font-size:15px;
line-height:2;
}
#ttProof .ttp-intro-hand{
position:absolute;
left:-4px;
bottom:0;
color:
rgba(79,143,126,.67);
font-size:19px;
line-height:1.2;
transform:rotate(-5deg);
pointer-events:none;
}
#ttProof .ttp-intro-hand::after{
content:"";
display:block;
width:82px;
height:17px;
margin:-5px auto 0;
border-bottom:
1px solid
rgba(79,143,126,.32);
border-radius:50%;
}
#ttProof .ttp-shell{
position:relative;
overflow:hidden;
padding:18px;
border:
1px solid
rgba(79,143,126,.15);
border-radius:35px;
background:#fff;
box-shadow:var(--shadow);
}
#ttProof .ttp-shell::before{
content:"";
position:absolute;
top:0;
right:82px;
width:190px;
height:7px;
border-radius:
0 0 10px 10px;
background:var(--mint);
}
#ttProof .ttp-shell::after{
content:"";
position:absolute;
left:42px;
bottom:0;
width:110px;
height:6px;
border-radius:
8px 8px 0 0;
background:var(--peach);
}
#ttProof .ttp-topbar{
position:relative;
z-index:7;
min-height:42px;
margin-bottom:12px;
padding:0 8px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
#ttProof .ttp-current{
display:flex;
align-items:center;
gap:7px;
color:var(--muted);
font-size:11px;
}
#ttProof .ttp-current-dot{
width:7px;
height:7px;
border-radius:50%;
background:var(--accent);
transition:
background-color .2s ease;
}
#ttProof .ttp-current strong{
color:var(--ink);
font-size:12px;
font-weight:850;
}
#ttProof .ttp-progress{
width:155px;
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:5px;
}
#ttProof .ttp-progress i{
height:3px;
border-radius:999px;
background:
rgba(24,39,80,.08);
transition:
background-color .2s ease,
transform .2s ease;
}
#ttProof .ttp-progress i.active{
background:var(--accent);
transform:scaleY(1.35);
}
#ttProof .ttp-top-meta{
display:flex;
align-items:center;
gap:6px;
color:var(--muted);
font-size:11px;
}
#ttProof .ttp-top-meta-icon{
width:22px;
height:22px;
display:grid;
place-items:center;
border-radius:7px;
color:var(--sage);
background:var(--sage-soft);
}
#ttProof .ttp-stage{
position:relative;
z-index:4;
display:grid;
grid-template-columns:
minmax(470px,1.08fr)
minmax(0,.92fr);
gap:16px;
align-items:stretch;
direction:ltr;
}
#ttProof .ttp-viewer,
#ttProof .ttp-story{
direction:rtl;
}
#ttProof .ttp-viewer{
position:relative;
overflow:hidden;
min-width:0;
padding:13px;
border:
1px solid
rgba(79,143,126,.13);
border-radius:28px;
background:
linear-gradient(
145deg,
#edf7f3 0%,
#f5f2ff 58%,
#fff4ee 100%
);
}
#ttProof .ttp-viewer::before{
content:"";
position:absolute;
z-index:1;
top:92px;
right:21px;
width:26px;
height:206px;
border-radius:12px;
background:var(--peach);
}
#ttProof .ttp-ring{
position:absolute;
z-index:1;
border-radius:50%;
pointer-events:none;
}
#ttProof .ttp-ring.r1{
width:325px;
height:325px;
left:-102px;
bottom:63px;
border:
1px solid
rgba(79,143,126,.17);
}
#ttProof .ttp-ring.r2{
width:225px;
height:225px;
left:-52px;
bottom:113px;
border:
1px solid
rgba(105,117,243,.14);
}
#ttProof .ttp-corner{
position:absolute;
z-index:2;
width:50px;
height:50px;
pointer-events:none;
}
#ttProof .ttp-corner.one{
top:14px;
right:14px;
border-top:
1px solid
rgba(79,143,126,.34);
border-right:
1px solid
rgba(79,143,126,.34);
border-radius:0 13px 0 0;
}
#ttProof .ttp-corner.two{
left:14px;
bottom:14px;
border-left:
1px solid
rgba(213,129,106,.27);
border-bottom:
1px solid
rgba(213,129,106,.27);
border-radius:0 0 0 13px;
}
#ttProof .ttp-cross{
position:absolute;
z-index:2;
width:15px;
height:15px;
pointer-events:none;
}
#ttProof .ttp-cross::before,
#ttProof .ttp-cross::after{
content:"";
position:absolute;
background:
rgba(79,143,126,.38);
}
#ttProof .ttp-cross::before{
width:15px;
height:1px;
top:7px;
right:0;
}
#ttProof .ttp-cross::after{
width:1px;
height:15px;
top:0;
right:7px;
}
#ttProof .ttp-cross.x1{
left:34px;
top:46px;
}
#ttProof .ttp-cross.x2{
right:48px;
bottom:42px;
transform:scale(.7);
}
#ttProof .ttp-spark{
position:absolute;
z-index:2;
pointer-events:none;
opacity:.38;
}
#ttProof .ttp-spark.s1{
top:74px;
left:56px;
color:var(--sage);
}
#ttProof .ttp-spark.s2{
right:45px;
bottom:72px;
color:var(--coral);
}
#ttProof .ttp-viewer-head{
position:relative;
z-index:5;
min-height:42px;
margin-bottom:8px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
#ttProof .ttp-viewer-title{
display:flex;
align-items:center;
gap:7px;
}
#ttProof .ttp-viewer-title strong{
color:var(--ink);
font-size:12px;
font-weight:850;
}
#ttProof .ttp-view-chip{
min-height:23px;
padding:0 8px;
display:inline-flex;
align-items:center;
border-radius:999px;
color:var(--accent);
background:var(--accent-soft);
font-size:9px;
font-weight:850;
}
#ttProof .ttp-viewer-hand{
color:
rgba(79,143,126,.70);
font-size:18px;
transform:rotate(-4deg);
}
#ttProof .ttp-frame{
position:relative;
z-index:4;
width:100%;
margin:0;
overflow:hidden !important;
padding:0 !important;
border:
1px solid
rgba(24,39,80,.16) !important;
border-radius:30px !important;
background:transparent !important;
box-shadow:
0 18px 42px rgba(32,44,90,.085),
0 0 0 5px rgba(85,127,115,.035) !important;
}
#ttProof .ttp-frame::before{
content:"";
position:absolute;
z-index:20;
inset:7px;
pointer-events:none;
border:
1px solid
rgba(255,255,255,.34);
border-radius:23px;
box-shadow:
inset 0 0 0 1px rgba(24,39,80,.035);
}
#ttProof .ttp-frame::after{
content:"";
position:absolute;
z-index:21;
top:14px;
right:14px;
width:34px;
height:34px;
pointer-events:none;
border-top:
1px solid
rgba(255,255,255,.72);
border-right:
1px solid
rgba(255,255,255,.72);
border-radius:0 10px 0 0;
opacity:.9;
}
#ttProof .ttp-image-stage{
position:relative;
min-height:390px;
display:grid;
place-items:center;
overflow:hidden !important;
border-radius:29px !important;
background:transparent !important;
-webkit-mask-image:
-webkit-radial-gradient(white,black);
isolation:isolate;
transform:translateZ(0);
}
#ttProof .ttp-image-layer{
position:relative;
width:100%;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:
translateY(5px)
scale(.995);
transition:
opacity .22s ease,
transform .22s ease,
visibility .22s;
}
#ttProof .ttp-image-layer:not(.active){
position:absolute;
inset:0;
display:grid;
place-items:center;
}
#ttProof .ttp-image-layer.active{
position:relative;
opacity:1;
visibility:visible;
pointer-events:auto;
transform:none;
}
#ttProof .ttp-image-mask{
position:relative;
width:100%;
overflow:hidden !important;
border-radius:29px !important;
background:transparent !important;
-webkit-mask-image:
-webkit-radial-gradient(white,black);
isolation:isolate;
transform:translateZ(0);
}
#ttProof .ttp-proof-img{
width:100% !important;
height:auto !important;
max-height:520px;
display:block !important;
object-fit:contain !important;
object-position:center !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
filter:none !important;
transform:translateZ(0);
}
#ttProof .ttp-annotation{
position:absolute;
z-index:8;
right:13px;
bottom:13px;
max-width:260px;
padding:8px 10px;
display:flex;
align-items:center;
gap:7px;
border:
1px solid
rgba(24,39,80,.07);
border-radius:14px;
color:var(--ink);
background:
rgba(255,255,255,.96);
box-shadow:
0 8px 22px
rgba(32,44,90,.055);
font-size:10px;
line-height:1.65;
font-weight:750;
}
#ttProof .ttp-annotation-icon{
width:25px;
height:25px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:9px;
color:var(--accent);
background:var(--accent-soft);
}
#ttProof .ttp-controls{
position:relative;
z-index:5;
margin-top:9px;
padding:4px;
display:grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:4px;
border:
1px solid
rgba(79,143,126,.12);
border-radius:16px;
background:
rgba(255,255,255,.70);
}
#ttProof .ttp-control{
position:relative;
min-height:53px;
padding:7px 8px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
border:0;
border-radius:12px;
cursor:pointer;
color:var(--text);
background:transparent;
font-size:12px;
font-weight:800;
transition:
background-color .18s ease,
box-shadow .18s ease,
transform .12s ease,
color .18s ease;
}
#ttProof .ttp-control:hover{
color:var(--ink);
background:
rgba(255,255,255,.65);
}
#ttProof .ttp-control:active{
transform:scale(.985);
}
#ttProof .ttp-control[aria-selected="true"]{
color:var(--ink);
background:#fff;
box-shadow:
0 5px 14px
rgba(32,44,90,.065);
}
#ttProof .ttp-control-icon{
width:28px;
height:28px;
flex:0 0 auto;
display:grid;
place-items:center;
border:
1px solid
var(--line);
border-radius:9px;
color:var(--muted);
background:#fff;
}
#ttProof
.ttp-control[aria-selected="true"]
.ttp-control-icon{
color:var(--accent);
border-color:
rgba(79,143,126,.17);
background:var(--accent-soft);
}
#ttProof .ttp-control-num{
position:absolute;
top:6px;
left:8px;
color:
rgba(24,39,80,.22);
font-size:8px;
font-weight:900;
}
#ttProof .ttp-story{
position:relative;
overflow:hidden;
min-width:0;
padding:28px 27px;
border:
1px solid
rgba(79,143,126,.11);
border-radius:28px;
background:#fff;
}
#ttProof .ttp-story::before{
content:"";
position:absolute;
right:0;
top:32px;
width:6px;
height:128px;
border-radius:
5px 0 0 5px;
background:var(--accent);
opacity:.27;
}
#ttProof .ttp-story::after{
content:"";
position:absolute;
top:20px;
left:24px;
width:72px;
height:1px;
background:
rgba(79,143,126,.18);
}
#ttProof .ttp-big-section-number{
position:absolute;
z-index:1;
left:20px;
bottom:18px;
width:165px;
height:142px;
pointer-events:none;
user-select:none;
}
#ttProof .ttp-big-section-number strong{
position:absolute;
left:3px;
bottom:28px;
display:block;
color:
rgba(24,39,80,.055);
font-family:
Arial,
sans-serif;
font-size:118px;
line-height:.8;
font-weight:900;
letter-spacing:-9px;
}
#ttProof .ttp-big-section-number span{
position:absolute;
left:10px;
bottom:0;
display:flex;
align-items:center;
gap:8px;
color:
rgba(24,39,80,.27);
font-family:
Arial,
sans-serif;
font-size:8px;
line-height:1;
font-weight:800;
letter-spacing:1.35px;
white-space:nowrap;
}
#ttProof .ttp-big-section-number span::before{
content:"";
width:38px;
height:1px;
background:
rgba(213,129,106,.36);
}
#ttProof .ttp-big-section-number::before{
content:"";
position:absolute;
left:-10px;
bottom:-8px;
width:102px;
height:48px;
border-left:
1px solid
rgba(213,129,106,.32);
border-bottom:
1px solid
rgba(213,129,106,.32);
border-radius:
0 0 0 20px;
}
#ttProof .ttp-big-section-number::after{
content:"";
position:absolute;
left:91px;
bottom:-8px;
width:45px;
height:1px;
background:
linear-gradient(
90deg,
rgba(213,129,106,.32),
transparent
);
}
#ttProof .ttp-story-panel{
position:relative;
z-index:3;
animation:
ttpEnter .22s ease both;
}
#ttProof .ttp-story-panel[hidden]{
display:none !important;
}
@keyframes ttpEnter{
from{
opacity:.45;
transform:
translateY(6px);
}
to{
opacity:1;
transform:none;
}
}
#ttProof .ttp-story-head{
margin-bottom:10px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
#ttProof .ttp-story-state{
display:flex;
align-items:center;
gap:7px;
}
#ttProof .ttp-chip{
min-height:29px;
padding:0 10px;
display:inline-flex;
align-items:center;
border-radius:999px;
color:var(--accent);
background:var(--accent-soft);
font-size:10px;
font-weight:850;
}
#ttProof .ttp-state-index{
color:var(--muted);
font-size:10px;
font-weight:700;
}
#ttProof .ttp-story-hand{
color:
rgba(79,143,126,.68);
font-size:18px;
transform:rotate(-4deg);
}
#ttProof .ttp-story-panel h3{
margin:0;
color:var(--ink);
font-size:
clamp(
27px,
2.25vw,
35px
);
line-height:1.42;
letter-spacing:-.7px;
font-weight:950;
}
#ttProof .ttp-story-lead{
max-width:610px;
margin:9px 0 0;
color:var(--text);
font-size:15px;
line-height:2;
}
#ttProof .ttp-focus{
margin-top:17px;
padding:13px;
border:
1px solid
rgba(79,143,126,.11);
border-radius:16px;
background:var(--sage-pale);
}
#ttProof .ttp-focus-title{
margin-bottom:9px;
display:flex;
align-items:center;
gap:7px;
color:var(--ink);
font-size:12px;
font-weight:850;
}
#ttProof .ttp-focus-title-icon{
width:25px;
height:25px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:8px;
color:var(--accent);
background:var(--accent-soft);
}
#ttProof .ttp-focus-items{
display:grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:6px;
}
#ttProof .ttp-focus-item{
min-height:67px;
padding:9px;
display:flex;
flex-direction:column;
justify-content:center;
border:
1px solid
rgba(24,39,80,.075);
border-radius:12px;
background:#fff;
}
#ttProof .ttp-focus-item::before{
content:"";
width:19px;
height:2px;
margin-bottom:5px;
border-radius:999px;
background:var(--accent);
opacity:.45;
}
#ttProof .ttp-focus-item strong{
color:var(--ink);
font-size:11px;
line-height:1.6;
font-weight:850;
}
#ttProof .ttp-focus-item small{
margin-top:1px;
color:var(--muted);
font-size:9px;
line-height:1.55;
}
#ttProof .ttp-view-map{
margin-top:15px;
display:grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:6px;
}
#ttProof .ttp-map-item{
min-height:72px;
padding:9px;
border:
1px solid
var(--line);
border-radius:13px;
background:#fff;
}
#ttProof .ttp-map-item.active{
border-color:
var(--line-strong);
background:var(--accent-soft);
}
#ttProof .ttp-map-num{
display:block;
margin-bottom:3px;
color:var(--accent);
font-size:9px;
font-weight:900;
}
#ttProof .ttp-map-item strong{
display:block;
color:var(--ink);
font-size:11px;
line-height:1.6;
font-weight:850;
}
#ttProof .ttp-map-item small{
display:block;
margin-top:1px;
color:var(--muted);
font-size:9px;
line-height:1.55;
}
#ttProof .ttp-actions{
margin-top:19px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
}
#ttProof .ttp-cta,
#ttProof .ttp-next{
min-height:50px;
padding:0 18px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:14px;
cursor:pointer;
font-size:13px;
font-weight:850;
transition:
transform .18s ease,
box-shadow .18s ease,
background-color .2s ease,
border-color .2s ease;
}
#ttProof .ttp-cta{
color:#fff;
border:
1px solid
var(--accent);
background:var(--accent);
box-shadow:
0 12px 25px
rgba(32,44,90,.11);
}
#ttProof .ttp-cta:hover{
transform:translateY(-2px);
box-shadow:
0 17px 31px
rgba(32,44,90,.15);
}
#ttProof .ttp-next{
color:var(--ink);
border:
1px solid
var(--line-strong);
background:#fff;
}
#ttProof .ttp-next:hover{
transform:translateY(-2px);
}
#ttProof .ttp-app-header,
#ttProof .ttp-mobile-dock{
display:none;
}
@media(max-width:1060px){
#ttProof .ttp-stage{
grid-template-columns:
minmax(400px,1fr)
minmax(0,1fr);
gap:12px;
}
#ttProof .ttp-story{
padding:23px 20px;
}
#ttProof .ttp-image-stage{
min-height:330px;
}
#ttProof .ttp-focus-items{
grid-template-columns:1fr;
}
#ttProof .ttp-focus-item{
min-height:48px;
}
#ttProof .ttp-intro-hand{
display:none;
}
}
@media(max-width:760px){
#ttProof{
padding:
17px 0 92px;
}
#ttProof .ttp-container{
width:
calc(100% - 14px);
}
#ttProof .ttp-bg-line{
display:none;
}
#ttProof .ttp-intro{
margin-bottom:11px;
padding:0 4px;
text-align:right;
}
#ttProof .ttp-kicker{
justify-content:flex-start;
margin-bottom:4px;
font-size:11px;
}
#ttProof .ttp-kicker::before{
display:none;
}
#ttProof .ttp-kicker::after{
width:39px;
}
#ttProof .ttp-intro h2{
font-size:
clamp(
27px,
7.7vw,
33px
);
line-height:1.45;
letter-spacing:-.5px;
}
#ttProof .ttp-intro-text{
margin:5px 0 0;
font-size:14px;
line-height:1.95;
}
#ttProof .ttp-intro-hand{
display:none;
}
#ttProof .ttp-shell{
overflow:visible;
padding:8px;
border-radius:27px;
box-shadow:
0 18px 48px
rgba(32,44,90,.065);
}
#ttProof .ttp-shell::before{
right:44px;
width:116px;
height:5px;
}
#ttProof .ttp-shell::after{
left:30px;
width:72px;
height:4px;
}
#ttProof .ttp-topbar{
display:none;
}
#ttProof .ttp-app-header{
min-height:55px;
padding:7px 8px 8px;
display:grid;
grid-template-columns:
minmax(0,1fr)
auto;
gap:10px;
align-items:center;
}
#ttProof .ttp-app-head-main{
min-width:0;
display:flex;
align-items:center;
gap:9px;
}
#ttProof .ttp-app-icon{
width:38px;
height:38px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:12px;
color:var(--accent);
background:var(--accent-soft);
}
#ttProof .ttp-app-copy strong{
display:block;
color:var(--ink);
font-size:13px;
line-height:1.55;
font-weight:900;
}
#ttProof .ttp-app-copy small{
display:block;
margin-top:1px;
color:var(--muted);
font-size:10px;
line-height:1.5;
}
#ttProof .ttp-app-status{
min-width:60px;
text-align:left;
}
#ttProof .ttp-app-status strong{
color:var(--ink);
font-size:13px;
font-weight:900;
}
#ttProof .ttp-app-progress{
margin-top:5px;
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:3px;
}
#ttProof .ttp-app-progress i{
height:3px;
border-radius:999px;
background:
rgba(24,39,80,.08);
}
#ttProof .ttp-app-progress i.active{
background:var(--accent);
}
#ttProof .ttp-stage{
display:flex;
flex-direction:column;
gap:7px;
direction:rtl;
}
#ttProof .ttp-viewer{
order:1;
padding:8px;
border-radius:22px;
}
#ttProof .ttp-story{
order:2;
padding:
16px 13px 14px;
border-radius:22px;
}
#ttProof .ttp-viewer::before{
top:59px;
right:9px;
width:17px;
height:140px;
border-radius:8px;
}
#ttProof .ttp-ring,
#ttProof .ttp-cross,
#ttProof .ttp-spark{
display:none;
}
#ttProof .ttp-corner{
width:38px;
height:38px;
}
#ttProof .ttp-corner.one{
top:8px;
right:8px;
}
#ttProof .ttp-corner.two{
left:8px;
bottom:8px;
}
#ttProof .ttp-viewer-head{
min-height:36px;
margin:
0 3px 6px;
}
#ttProof .ttp-viewer-title strong{
font-size:11px;
}
#ttProof .ttp-view-chip{
min-height:21px;
font-size:8px;
}
#ttProof .ttp-viewer-hand{
font-size:15px;
}
#ttProof .ttp-frame{
padding:7px;
border-radius:24px;
}
#ttProof .ttp-frame::before{
right:22px;
left:22px;
}
#ttProof .ttp-image-stage{
min-height:0;
overflow:visible;
border-radius:26px;
}
#ttProof .ttp-image-mask{
border-radius:26px !important;
-webkit-clip-path:
inset(0 round 26px);
clip-path:
inset(0 round 26px);
}
#ttProof .ttp-proof-img{
max-height:none;
border-radius:26px !important;
}
#ttProof .ttp-annotation{
right:8px;
bottom:8px;
max-width:
calc(100% - 16px);
padding:
6px 8px;
border-radius:12px;
font-size:9px;
}
#ttProof .ttp-annotation-icon{
width:21px;
height:21px;
border-radius:7px;
}
#ttProof .ttp-controls{
margin-top:6px;
padding:4px;
gap:3px;
border-radius:15px;
background:#f3f6f5;
}
#ttProof .ttp-control{
min-width:0;
min-height:48px;
padding:
5px 3px;
flex-direction:column;
gap:3px;
border-radius:12px;
font-size:10px;
}
#ttProof .ttp-control-icon{
width:23px;
height:23px;
border-radius:7px;
}
#ttProof .ttp-control-icon svg{
width:13px;
height:13px;
}
#ttProof .ttp-control-num{
display:none;
}
#ttProof .ttp-story::before{
top:17px;
width:4px;
height:80px;
}
#ttProof .ttp-story::after{
top:12px;
left:15px;
width:46px;
}
#ttProof .ttp-story-panel{
animation:
ttpMobileEnter .18s ease both;
}
@keyframes ttpMobileEnter{
from{
opacity:.5;
transform:
translateX(-5px);
}
to{
opacity:1;
transform:none;
}
}
#ttProof .ttp-story-head{
margin-bottom:7px;
}
#ttProof .ttp-chip{
min-height:26px;
padding:0 8px;
font-size:9px;
}
#ttProof .ttp-state-index{
font-size:9px;
}
#ttProof .ttp-story-hand{
font-size:15px;
}
#ttProof .ttp-story-panel h3{
font-size:
clamp(
23px,
6.8vw,
28px
);
line-height:1.45;
letter-spacing:-.4px;
}
#ttProof .ttp-story-lead{
margin-top:5px;
font-size:14px;
line-height:1.95;
}
#ttProof .ttp-focus{
margin-top:11px;
padding:9px;
border-radius:14px;
}
#ttProof .ttp-focus-title{
margin-bottom:6px;
font-size:11px;
}
#ttProof .ttp-focus-title-icon{
width:23px;
height:23px;
}
#ttProof .ttp-focus-items{
display:flex;
gap:5px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none;
}
#ttProof .ttp-focus-items::-webkit-scrollbar{
display:none;
}
#ttProof .ttp-focus-item{
min-width:128px;
min-height:60px;
flex:0 0 auto;
padding:8px;
border-radius:11px;
}
#ttProof .ttp-focus-item strong{
font-size:10px;
}
#ttProof .ttp-focus-item small{
font-size:8px;
}
#ttProof .ttp-view-map{
margin-top:10px;
gap:4px;
}
#ttProof .ttp-map-item{
min-height:62px;
padding:7px 6px;
border-radius:11px;
}
#ttProof .ttp-map-num{
font-size:8px;
}
#ttProof .ttp-map-item strong{
font-size:9px;
}
#ttProof .ttp-map-item small{
font-size:7.5px;
}
#ttProof .ttp-actions{
margin-top:13px;
display:grid;
grid-template-columns:1fr;
gap:6px;
}
#ttProof .ttp-cta,
#ttProof .ttp-next{
width:100%;
min-height:48px;
border-radius:13px;
font-size:12px;
}
#ttProof .ttp-mobile-dock{
position:fixed;
z-index:99993;
right:7px;
left:7px;
bottom:
max(
7px,
env(safe-area-inset-bottom)
);
min-height:65px;
padding:6px;
display:grid;
grid-template-columns:
minmax(0,1fr)
auto;
gap:6px;
align-items:center;
border:
1px solid
rgba(79,143,126,.15);
border-radius:20px;
background:#fff;
box-shadow:
0 18px 44px
rgba(27,38,79,.20);
opacity:0;
transform:
translateY(88px);
pointer-events:none;
transition:
opacity .2s ease,
transform .2s ease;
}
#ttProof .ttp-mobile-dock.show{
opacity:1;
transform:none;
pointer-events:auto;
}
#ttProof .ttp-dock-copy{
min-width:0;
padding:0 8px;
}
#ttProof .ttp-dock-copy small{
display:block;
color:var(--muted);
font-size:9px;
}
#ttProof .ttp-dock-copy strong{
display:block;
margin-top:2px;
overflow:hidden;
color:var(--ink);
font-size:12px;
line-height:1.5;
font-weight:900;
white-space:nowrap;
text-overflow:ellipsis;
}
#ttProof .ttp-dock-cta{
min-height:50px;
padding:0 14px;
display:inline-flex;
align-items:center;
justify-content:center;
border:
1px solid
var(--accent);
border-radius:14px;
color:#fff;
background:var(--accent);
font-size:11px;
font-weight:850;
white-space:nowrap;
}
}
@media(max-width:390px){
#ttProof .ttp-control{
font-size:9px;
}
#ttProof .ttp-story-hand{
display:none;
}
#ttProof .ttp-map-item small{
display:none;
}
#ttProof .ttp-dock-copy{
padding:0 5px;
}
#ttProof .ttp-dock-cta{
padding:0 11px;
font-size:10px;
}
}
@media(prefers-reduced-motion:reduce){
#ttProof *,
#ttProof *::before,
#ttProof *::after{
animation:none !important;
transition:none !important;
scroll-behavior:auto !important;
}
}
@media(max-width:760px){
#ttProof .ttp-frame{
width:calc(100% - 8px) !important;
margin:0 auto !important;
padding:8px !important;
overflow:hidden !important;
border:1px solid rgba(24,39,80,.10) !important;
border-radius:30px !important;
background:#fff !important;
box-shadow:
0 10px 26px rgba(32,44,90,.10) !important;
}
#ttProof .ttp-image-stage,
#ttProof .ttp-image-mask{
overflow:hidden !important;
border-radius:22px !important;
-webkit-mask-image:
-webkit-radial-gradient(white,black) !important;
isolation:isolate !important;
transform:translateZ(0) !important;
}
#ttProof .ttp-proof-img{
width:100% !important;
height:auto !important;
display:block !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
object-fit:contain !important;
}
}
@media(max-width:760px){
#ttProof .ttp-frame{
width:100% !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:24px !important;
background:transparent !important;
box-shadow:none !important;
overflow:hidden !important;
}
#ttProof .ttp-image-stage,
#ttProof .ttp-image-mask{
overflow:hidden !important;
border-radius:24px !important;
background:transparent !important;
-webkit-mask-image:
-webkit-radial-gradient(white,black) !important;
isolation:isolate !important;
transform:translateZ(0) !important;
}
#ttProof .ttp-proof-img{
width:100% !important;
height:auto !important;
display:block !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
object-fit:contain !important;
}
}
@media(max-width:760px){
#ttProof .ttp-frame{
width:100% !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
border:
1px solid
rgba(24,39,80,.15) !important;
border-radius:24px !important;
background:transparent !important;
box-shadow:
0 12px 28px rgba(32,44,90,.08),
0 0 0 4px rgba(85,127,115,.03) !important;
}
#ttProof .ttp-frame::before{
inset:5px !important;
border:
1px solid
rgba(255,255,255,.30) !important;
border-radius:18px !important;
}
#ttProof .ttp-frame::after{
top:10px !important;
right:10px !important;
width:26px !important;
height:26px !important;
border-radius:0 8px 0 0 !important;
}
#ttProof .ttp-image-stage,
#ttProof .ttp-image-mask{
overflow:hidden !important;
border-radius:23px !important;
background:transparent !important;
}
}
@media(max-width:760px){
#ttProof .ttp-big-section-number{
left:9px;
bottom:9px;
width:112px;
height:91px;
}
#ttProof .ttp-big-section-number strong{
left:2px;
bottom:19px;
font-size:76px;
letter-spacing:-6px;
color:
rgba(24,39,80,.045);
}
#ttProof .ttp-big-section-number span{
left:5px;
bottom:0;
gap:6px;
font-size:6.3px;
letter-spacing:.9px;
}
#ttProof .ttp-big-section-number span::before{
width:24px;
}
#ttProof .ttp-big-section-number::before{
left:-5px;
bottom:-5px;
width:68px;
height:32px;
border-radius:
0 0 0 15px;
}
#ttProof .ttp-big-section-number::after{
left:62px;
bottom:-5px;
width:29px;
}
}
#ttProof{
--bg:#fff8f5;
--paper:#fffefd;
--ink:#17264f;
--ink-2:#2d3e69;
--text:#60677a;
--muted:#9298a7;
--sage:#4f8f7e;
--sage-dark:#3f786b;
--sage-soft:#eaf6f2;
--sage-pale:#f4faf8;
--iris:#6962f2;
--iris-soft:#efedff;
--peach:#ffd4c3;
--peach-soft:#fff0e9;
--coral:#df846c;
--line:rgba(23,38,79,.078);
--line-strong:rgba(79,143,126,.18);
--max:1360px;
padding:
48px 0 84px;
background:
radial-gradient(
circle at 92% 9%,
rgba(255,211,195,.28),
transparent 23%
),
radial-gradient(
circle at 6% 88%,
rgba(222,216,255,.24),
transparent 25%
),
linear-gradient(
180deg,
#fff8f5 0%,
#fbfdfb 54%,
#fff9f6 100%
);
}
#ttProof .ttp-hand,
#ttProof .ttp-hand *,
#ttProof .ttp-intro-hand,
#ttProof .ttp-viewer-hand,
#ttProof .ttp-story-hand,
#ttProof .ttp-proof-hand-note,
#ttProof .ttp-story-script{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttProof .ttp-intro{
display:flex;
flex-direction:column;
align-items:center;
max-width:900px;
margin-bottom:25px;
padding-inline:8px;
}
#ttProof .ttp-intro::before{
content:"";
position:absolute;
top:-9px;
right:50%;
width:96px;
height:1px;
transform:translateX(50%);
background:
linear-gradient(
90deg,
transparent,
rgba(105,98,242,.25),
transparent
);
}
#ttProof .ttp-kicker{
color:var(--sage-dark);
}
#ttProof .ttp-intro h2{
font-size:
clamp(
37px,
3.3vw,
50px
);
letter-spacing:-1.1px;
}
#ttProof .ttp-intro-text{
max-width:735px;
font-size:14.5px;
}
#ttProof .ttp-intro-hand{
position:relative !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
display:inline-block !important;
align-self:flex-end;
width:max-content;
max-width:100%;
margin:
9px 4px 0 0;
padding:
3px 11px 7px;
color:
rgba(90,81,211,.71);
font-size:20px;
line-height:1.05;
border-radius:10px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.94),
rgba(249,247,255,.10)
);
transform:
rotate(-2.5deg);
z-index:4;
}
#ttProof .ttp-intro-hand::after{
width:68px;
height:12px;
margin:
-2px auto 0;
border-bottom-color:
rgba(105,98,242,.27);
}
#ttProof .ttp-shell{
padding:19px;
border-color:
rgba(105,98,242,.10);
border-radius:40px;
background:
rgba(255,255,255,.90);
box-shadow:
0 38px 100px
rgba(37,42,88,.068),
0 12px 30px
rgba(37,42,88,.025);
}
#ttProof .ttp-shell::before{
right:94px;
width:220px;
background:
linear-gradient(
90deg,
var(--sage-soft),
var(--iris-soft),
var(--peach-soft)
);
}
#ttProof .ttp-shell::after{
width:128px;
background:
var(--peach);
}
#ttProof .ttp-topbar{
min-height:45px;
margin-bottom:13px;
padding:
0 11px;
border:
1px solid
rgba(23,38,79,.055);
border-radius:14px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.86),
rgba(249,248,255,.75)
);
}
#ttProof .ttp-progress{
width:175px;
}
#ttProof .ttp-stage{
grid-template-columns:
minmax(500px,1.11fr)
minmax(0,.89fr);
gap:18px;
}
#ttProof .ttp-viewer{
padding:15px;
border-color:
rgba(105,98,242,.10);
border-radius:31px;
background:
radial-gradient(
circle at 89% 12%,
rgba(255,209,192,.42),
transparent 20%
),
radial-gradient(
circle at 10% 88%,
rgba(220,214,255,.52),
transparent 24%
),
linear-gradient(
145deg,
#edf7f3 0%,
#f3efff 57%,
#fff2ec 100%
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.42),
0 20px 48px
rgba(50,57,118,.052);
}
#ttProof .ttp-viewer::before{
top:106px;
width:23px;
height:218px;
background:
linear-gradient(
180deg,
rgba(255,208,191,.86),
rgba(255,208,191,.24)
);
}
#ttProof .ttp-ring.r1{
width:360px;
height:360px;
left:-115px;
border-color:
rgba(105,98,242,.14);
}
#ttProof .ttp-ring.r2{
width:250px;
height:250px;
border-color:
rgba(223,132,108,.16);
}
#ttProof .ttp-proof-micro-label{
position:absolute;
z-index:5;
right:28px;
top:78px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(23,38,79,.31);
font-family:
Arial,
sans-serif;
font-size:6.5px;
font-weight:900;
letter-spacing:1.35px;
pointer-events:none;
}
#ttProof .ttp-proof-micro-label i{
width:28px;
height:1px;
background:
rgba(223,132,108,.36);
}
#ttProof .ttp-proof-micro-label strong{
color:
rgba(23,38,79,.16);
font-size:15px;
line-height:1;
letter-spacing:-1px;
}
#ttProof .ttp-proof-dotgrid{
position:absolute;
z-index:2;
left:28px;
top:108px;
display:grid;
grid-template-columns:
repeat(4,4px);
gap:6px;
pointer-events:none;
}
#ttProof .ttp-proof-dotgrid i{
width:4px;
height:4px;
border-radius:50%;
background:
rgba(23,38,79,.12);
}
#ttProof .ttp-proof-hand-note{
position:absolute;
z-index:5;
left:28px;
bottom:91px;
padding:
3px 8px 7px;
color:
rgba(92,82,210,.68);
font-size:19px;
line-height:1;
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.93),
rgba(239,235,255,.10)
);
transform:
rotate(-4deg);
pointer-events:none;
}
#ttProof .ttp-proof-hand-note::after{
content:"";
display:block;
width:58px;
height:11px;
margin:
-2px auto 0;
border-bottom:
1px solid
rgba(105,98,242,.25);
border-radius:50%;
}
#ttProof .ttp-proof-smile-line{
position:absolute;
z-index:2;
left:18px;
bottom:57px;
width:92px;
color:
rgba(105,98,242,.19);
transform:
rotate(-7deg);
pointer-events:none;
}
#ttProof .ttp-proof-orbit-dot{
position:absolute;
z-index:2;
width:8px;
height:8px;
border-radius:50%;
border:
1px solid
rgba(105,98,242,.24);
pointer-events:none;
}
#ttProof .ttp-proof-orbit-dot::after{
content:"";
position:absolute;
inset:2px;
border-radius:50%;
background:
rgba(105,98,242,.42);
}
#ttProof .ttp-proof-orbit-dot.d1{
left:22%;
top:22%;
}
#ttProof .ttp-proof-orbit-dot.d2{
right:18%;
bottom:23%;
}
#ttProof .ttp-viewer-head{
position:relative;
z-index:7;
min-height:44px;
margin-bottom:10px;
padding-inline:4px;
}
#ttProof .ttp-viewer-hand{
flex:0 0 auto;
padding:
2px 8px 6px;
border-radius:9px;
color:
rgba(92,82,210,.68);
background:
linear-gradient(
90deg,
rgba(239,235,255,.91),
rgba(239,235,255,.08)
);
font-size:18px;
transform:
rotate(-2.5deg);
}
#ttProof .ttp-frame{
padding:0 !important;
border:
1px solid
rgba(23,38,79,.13) !important;
border-radius:
30px !important;
background:
transparent !important;
box-shadow:
0 18px 42px
rgba(32,44,90,.075),
0 0 0 5px
rgba(105,98,242,.025) !important;
clip-path:
inset(0 round 30px);
}
#ttProof .ttp-frame::before{
inset:7px;
border-radius:23px;
}
#ttProof .ttp-image-stage,
#ttProof .ttp-image-mask{
overflow:hidden !important;
border-radius:
29px !important;
background:
transparent !important;
-webkit-clip-path:
inset(0 round 29px);
clip-path:
inset(0 round 29px);
isolation:isolate;
transform:
translateZ(0);
}
#ttProof .ttp-proof-img{
width:100% !important;
height:auto !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:
29px !important;
-webkit-clip-path:
inset(0 round 29px);
clip-path:
inset(0 round 29px);
object-fit:
contain !important;
transform:
translateZ(0);
}
#ttProof .ttp-controls{
margin-top:10px;
padding:5px;
gap:5px;
border-color:
rgba(105,98,242,.09);
background:
rgba(255,255,255,.75);
box-shadow:
0 9px 23px
rgba(35,42,90,.03);
}
#ttProof .ttp-control[aria-selected="true"]{
box-shadow:
0 7px 18px
rgba(35,42,90,.07);
}
#ttProof .ttp-story{
padding:
32px 30px;
border-color:
rgba(105,98,242,.075);
border-radius:31px;
background:
radial-gradient(
circle at 92% 10%,
rgba(105,98,242,.055),
transparent 20%
),
radial-gradient(
circle at 8% 91%,
rgba(255,216,201,.25),
transparent 22%
),
linear-gradient(
145deg,
#ffffff,
#fffdfa
);
box-shadow:
0 17px 44px
rgba(35,42,90,.035);
}
#ttProof .ttp-story::before{
background:
linear-gradient(
180deg,
var(--accent),
rgba(255,208,191,.74)
);
}
#ttProof .ttp-story-hand{
flex:0 0 auto;
padding:
2px 8px 6px;
border-radius:9px;
color:
rgba(92,82,210,.67);
background:
linear-gradient(
90deg,
rgba(239,235,255,.90),
rgba(239,235,255,.08)
);
transform:
rotate(-2.5deg);
}
#ttProof .ttp-story-script{
display:inline-block;
width:max-content;
max-width:100%;
margin-top:10px;
padding:
2px 9px 6px;
color:
rgba(92,82,210,.68);
font-size:18px;
line-height:1.05;
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.91),
rgba(239,235,255,.08)
);
transform:
rotate(-2.5deg);
}
#ttProof .ttp-focus{
border-color:
rgba(79,143,126,.095);
background:
linear-gradient(
145deg,
#f5faf8,
#f8f7ff
);
}
#ttProof .ttp-focus-item{
position:relative;
overflow:hidden;
box-shadow:
0 8px 20px
rgba(32,44,90,.025);
}
#ttProof .ttp-focus-item::after{
content:"";
position:absolute;
left:8px;
bottom:7px;
width:18px;
height:1px;
background:
rgba(105,98,242,.15);
}
#ttProof .ttp-map-item{
background:
linear-gradient(
145deg,
#fff,
#fffdfb
);
}
#ttProof .ttp-map-item.active{
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.42);
}
#ttProof .ttp-big-section-number strong{
color:
rgba(23,38,79,.048);
}
#ttProof .ttp-big-section-number span{
color:
rgba(23,38,79,.29);
}
#ttProof .ttp-mobile-state-rail{
display:none;
}
#ttProof .ttp-mobile-dock{
display:none !important;
}
@media(max-width:760px){
#ttProof{
padding:
31px 0 50px;
}
#ttProof .ttp-container{
width:
calc(100% - 12px);
}
#ttProof .ttp-app-header,
#ttProof .ttp-topbar,
#ttProof .ttp-mobile-dock{
display:none !important;
}
#ttProof .ttp-intro{
align-items:stretch;
margin-bottom:12px;
padding:
0 5px;
text-align:right;
}
#ttProof .ttp-kicker{
width:max-content;
justify-content:flex-start;
margin-bottom:4px;
font-size:10.5px;
}
#ttProof .ttp-kicker::before{
display:none;
}
#ttProof .ttp-kicker::after{
width:38px;
}
#ttProof .ttp-intro h2{
font-size:
clamp(
28px,
8vw,
34px
);
line-height:1.44;
letter-spacing:-.55px;
}
#ttProof .ttp-intro-text{
margin:
5px 0 0;
font-size:13.5px;
line-height:1.95;
}
#ttProof .ttp-intro-hand{
display:inline-flex !important;
align-self:flex-start;
min-height:30px;
margin:
8px 0 0;
padding:
3px 9px 6px;
border:
1px solid
rgba(105,98,242,.065);
border-radius:10px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.96),
rgba(248,246,255,.83)
);
box-shadow:
0 7px 18px
rgba(45,49,100,.025);
font-size:15px;
line-height:1;
transform:
rotate(-1.5deg);
}
#ttProof .ttp-shell{
overflow:hidden;
padding:7px;
border-radius:28px;
box-shadow:
0 20px 50px
rgba(32,44,90,.06);
}
#ttProof .ttp-shell::before{
right:43px;
width:113px;
height:4px;
}
#ttProof .ttp-shell::after{
left:28px;
width:72px;
height:4px;
}
#ttProof .ttp-stage{
display:flex;
flex-direction:column;
gap:7px;
direction:rtl;
}
#ttProof .ttp-viewer{
order:1;
padding:8px;
border-radius:22px;
background:
radial-gradient(
circle at 88% 12%,
rgba(255,210,193,.34),
transparent 17%
),
radial-gradient(
circle at 12% 89%,
rgba(222,216,255,.40),
transparent 22%
),
linear-gradient(
145deg,
#f1f7f4,
#f1edff 62%,
#fff3ed
);
}
#ttProof .ttp-viewer::before{
top:68px;
right:9px;
width:16px;
height:124px;
}
#ttProof .ttp-mobile-state-rail{
min-height:45px;
margin:
0 2px 7px;
padding:
5px 7px;
display:grid;
grid-template-columns:
34px minmax(0,1fr) auto;
gap:8px;
align-items:center;
border:
1px solid
rgba(105,98,242,.075);
border-radius:13px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.84),
rgba(248,246,255,.76)
);
box-shadow:
0 7px 19px
rgba(40,44,94,.025);
}
#ttProof .ttp-mobile-state-index{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
color:#fff;
background:
linear-gradient(
145deg,
#7169f4,
#5e58df
);
font-family:
Arial,
sans-serif;
font-size:11px;
font-weight:900;
}
#ttProof .ttp-mobile-state-copy{
min-width:0;
}
#ttProof .ttp-mobile-state-copy strong{
display:block;
color:var(--ink);
font-size:10.5px;
line-height:1.4;
font-weight:900;
}
#ttProof .ttp-mobile-state-copy small{
display:block;
margin-top:1px;
color:var(--muted);
font-family:
Arial,
sans-serif;
font-size:5.4px;
font-weight:800;
letter-spacing:.75px;
}
#ttProof .ttp-mobile-state-live{
min-height:26px;
padding:
0 7px;
display:flex;
align-items:center;
gap:5px;
border-radius:999px;
color:var(--sage-dark);
background:
rgba(234,246,242,.92);
font-size:7px;
font-weight:850;
}
#ttProof .ttp-mobile-state-live i{
width:6px;
height:6px;
border-radius:50%;
background:
var(--sage);
}
#ttProof .ttp-ring,
#ttProof .ttp-cross,
#ttProof .ttp-spark,
#ttProof .ttp-proof-dotgrid,
#ttProof .ttp-proof-smile-line,
#ttProof .ttp-proof-orbit-dot{
display:none !important;
}
#ttProof .ttp-proof-micro-label{
right:15px;
top:61px;
font-size:5px;
letter-spacing:.8px;
}
#ttProof .ttp-proof-micro-label i{
width:16px;
}
#ttProof .ttp-proof-micro-label strong{
font-size:10px;
}
#ttProof .ttp-proof-hand-note{
display:none;
}
#ttProof .ttp-corner{
width:31px;
height:31px;
}
#ttProof .ttp-corner.one{
top:7px;
right:7px;
}
#ttProof .ttp-corner.two{
left:7px;
bottom:7px;
}
#ttProof .ttp-viewer-head{
min-height:34px;
margin:
0 3px 6px;
}
#ttProof .ttp-viewer-title strong{
font-size:10.5px;
}
#ttProof .ttp-view-chip{
min-height:20px;
padding:
0 7px;
font-size:7px;
}
#ttProof .ttp-viewer-hand{
padding:
1px 5px 4px;
font-size:14px;
transform:
rotate(-1.5deg);
}
#ttProof .ttp-frame{
width:100% !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
border:
1px solid
rgba(23,38,79,.10) !important;
border-radius:
24px !important;
background:
transparent !important;
box-shadow:
0 9px 24px
rgba(32,44,90,.07) !important;
-webkit-clip-path:
inset(0 round 24px);
clip-path:
inset(0 round 24px);
}
#ttProof .ttp-frame::before{
inset:5px;
border-radius:19px;
}
#ttProof .ttp-frame::after{
top:9px;
right:9px;
width:26px;
height:26px;
}
#ttProof .ttp-image-stage,
#ttProof .ttp-image-mask{
min-height:0;
overflow:hidden !important;
border-radius:
23px !important;
background:
transparent !important;
-webkit-clip-path:
inset(0 round 23px);
clip-path:
inset(0 round 23px);
}
#ttProof .ttp-proof-img{
max-height:none;
border-radius:
23px !important;
-webkit-clip-path:
inset(0 round 23px);
clip-path:
inset(0 round 23px);
}
#ttProof .ttp-annotation{
right:7px;
bottom:7px;
max-width:
calc(100% - 14px);
padding:
6px 7px;
border-radius:11px;
background:
rgba(255,255,255,.91);
-webkit-backdrop-filter:
blur(8px);
backdrop-filter:
blur(8px);
font-size:8.5px;
}
#ttProof .ttp-annotation-icon{
width:21px;
height:21px;
border-radius:7px;
}
#ttProof .ttp-controls{
margin-top:6px;
padding:4px;
gap:3px;
border-radius:15px;
background:
rgba(245,246,250,.90);
}
#ttProof .ttp-control{
min-width:0;
min-height:48px;
padding:
5px 3px;
flex-direction:column;
gap:3px;
border-radius:11px;
font-size:9.5px;
}
#ttProof .ttp-control-icon{
width:22px;
height:22px;
border-radius:7px;
}
#ttProof .ttp-control-num{
display:none;
}
#ttProof .ttp-story{
order:2;
padding:
17px 13px 15px;
border-radius:22px;
box-shadow:none;
}
#ttProof .ttp-story::before{
top:18px;
width:4px;
height:74px;
}
#ttProof .ttp-story::after{
top:12px;
left:14px;
width:44px;
}
#ttProof .ttp-story-head{
margin-bottom:7px;
align-items:flex-start;
flex-wrap:wrap;
}
#ttProof .ttp-chip{
min-height:25px;
padding:
0 8px;
font-size:8.5px;
}
#ttProof .ttp-state-index{
font-size:8px;
}
#ttProof .ttp-story-hand{
padding:
1px 5px 4px;
font-size:14px;
}
#ttProof .ttp-story-panel h3{
font-size:
clamp(
22px,
6.5vw,
27px
);
line-height:1.46;
letter-spacing:-.35px;
}
#ttProof .ttp-story-lead{
margin-top:5px;
font-size:13.5px;
line-height:1.9;
}
#ttProof .ttp-story-script{
margin-top:8px;
padding:
2px 7px 5px;
font-size:14px;
transform:
rotate(-1.5deg);
}
#ttProof .ttp-focus{
margin-top:10px;
padding:8px;
border-radius:13px;
}
#ttProof .ttp-focus-title{
margin-bottom:6px;
font-size:10.5px;
}
#ttProof .ttp-focus-items{
display:flex;
gap:5px;
overflow-x:auto;
padding:
0 0 2px;
scroll-snap-type:
x proximity;
overscroll-behavior-inline:
contain;
scrollbar-width:none;
}
#ttProof .ttp-focus-items::-webkit-scrollbar{
display:none;
}
#ttProof .ttp-focus-item{
min-width:132px;
min-height:59px;
flex:0 0 auto;
padding:8px;
border-radius:11px;
scroll-snap-align:start;
}
#ttProof .ttp-focus-item strong{
font-size:9.5px;
}
#ttProof .ttp-focus-item small{
font-size:7.6px;
}
#ttProof .ttp-view-map{
margin-top:9px;
gap:4px;
}
#ttProof .ttp-map-item{
min-height:57px;
padding:
7px 5px;
border-radius:10px;
}
#ttProof .ttp-map-num{
margin-bottom:2px;
font-size:7px;
}
#ttProof .ttp-map-item strong{
font-size:8.5px;
}
#ttProof .ttp-map-item small{
display:none;
}
#ttProof .ttp-actions{
margin-top:11px;
display:grid;
grid-template-columns:1fr;
gap:5px;
}
#ttProof .ttp-cta,
#ttProof .ttp-next{
width:100%;
min-height:46px;
border-radius:12px;
font-size:11px;
}
#ttProof .ttp-big-section-number{
left:7px;
bottom:5px;
width:106px;
height:87px;
}
#ttProof .ttp-big-section-number strong{
left:1px;
bottom:18px;
font-size:70px;
letter-spacing:-5px;
color:
rgba(23,38,79,.032);
}
#ttProof .ttp-big-section-number span{
left:4px;
gap:4px;
font-size:5.3px;
letter-spacing:.65px;
}
#ttProof .ttp-big-section-number span::before{
width:21px;
}
#ttProof .ttp-big-section-number::before{
left:-4px;
bottom:-4px;
width:61px;
height:28px;
border-radius:
0 0 0 13px;
}
#ttProof .ttp-big-section-number::after{
left:57px;
bottom:-4px;
width:25px;
}
}
@media(max-width:390px){
#ttProof{
padding:
28px 0 46px;
}
#ttProof .ttp-intro h2{
font-size:27px;
}
#ttProof .ttp-intro-text{
font-size:13px;
}
#ttProof .ttp-viewer-hand{
display:none;
}
#ttProof .ttp-mobile-state-live{
display:none;
}
#ttProof .ttp-mobile-state-rail{
grid-template-columns:
33px minmax(0,1fr);
}
#ttProof .ttp-story-hand{
font-size:13px;
}
#ttProof .ttp-story-script{
font-size:13px;
}
}
@media(max-width:760px){
#ttProof .ttp-mobile-dock,
#ttProof .ttp-app-header{
display:none !important;
position:static !important;
}
}
@media(prefers-reduced-motion:reduce){
#ttProof .ttp-proof-hand-note,
#ttProof .ttp-story-script,
#ttProof .ttp-proof-smile-line,
#ttProof .ttp-proof-orbit-dot{
animation:none !important;
transition:none !important;
}
}
#ttProof{
--section-blue:#eef7fd;
--section-blue-2:#e7f2fa;
--shell-blue:#dce9f4;
--panel-blue:#f6fbff;
--panel-line:#d3e3ef;
--panel-line-strong:#bfd6e7;
--neutral-card:#ffffff;
--soft-ink:#667186;
background:
radial-gradient(
circle at 88% 7%,
rgba(105,117,243,.055),
transparent 25%
),
radial-gradient(
circle at 10% 90%,
rgba(79,143,126,.045),
transparent 26%
),
linear-gradient(
180deg,
#edf7fd 0%,
#f5faff 48%,
#eaf4fb 100%
) !important;
border-top:
1px solid
#d7e8f4;
border-bottom:
1px solid
#d7e8f4;
}
#ttProof::before{
content:"" !important;
position:absolute !important;
z-index:0 !important;
top:0 !important;
right:8% !important;
left:8% !important;
height:4px !important;
border-radius:
0 0 999px 999px !important;
background:
linear-gradient(
90deg,
transparent,
rgba(105,117,243,.34),
rgba(79,143,126,.25),
transparent
) !important;
pointer-events:none !important;
}
#ttProof .ttp-intro-hand{
position:relative !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
display:inline-flex !important;
align-items:center !important;
width:max-content !important;
max-width:100% !important;
min-height:29px !important;
margin:
9px auto 0 !important;
padding:
0 10px !important;
color:
#50647a !important;
border:
1px solid
#d6e6f1 !important;
border-radius:
999px !important;
background:
rgba(255,255,255,.72) !important;
box-shadow:none !important;
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif !important;
font-size:
10.5px !important;
line-height:
1 !important;
font-weight:
800 !important;
font-style:
normal !important;
transform:
none !important;
}
#ttProof .ttp-intro-hand::before{
content:"" !important;
position:static !important;
width:6px !important;
height:6px !important;
margin-left:
6px !important;
flex:0 0 auto;
border-radius:50% !important;
background:
var(--accent) !important;
box-shadow:
0 0 0 4px
rgba(79,143,126,.07) !important;
}
#ttProof .ttp-intro-hand::after{
display:none !important;
}
#ttProof .ttp-story-hand{
min-height:
28px !important;
padding:
0 9px !important;
display:inline-flex !important;
align-items:center !important;
color:
var(--accent) !important;
border:
1px solid
var(--accent-soft) !important;
border-radius:
999px !important;
background:
var(--accent-soft) !important;
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif !important;
font-size:
10px !important;
line-height:
1 !important;
font-weight:
800 !important;
font-style:
normal !important;
transform:
none !important;
}
#ttProof .ttp-story-script{
display:none !important;
}
#ttProof .ttp-viewer-hand{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:
400 !important;
font-style:
normal !important;
}
#ttProof .ttp-intro{
padding:
18px 22px !important;
border:
1px solid
rgba(190,216,234,.72);
border-radius:
24px;
background:
rgba(255,255,255,.54);
box-shadow:
0 8px 25px
rgba(38,63,90,.025);
}
#ttProof .ttp-shell{
border:
1px solid
#cfe1ed !important;
background:
rgba(255,255,255,.90) !important;
box-shadow:
0 30px 80px
rgba(42,72,101,.075),
0 8px 24px
rgba(42,72,101,.035) !important;
}
#ttProof .ttp-viewer{
border-color:
#cbdfea !important;
background:
linear-gradient(
145deg,
#eaf5fb 0%,
#eff5ff 46%,
#fff4ee 100%
) !important;
}
#ttProof .ttp-story{
border-color:
#d5e4ee !important;
background:
linear-gradient(
180deg,
#ffffff 0%,
#fbfdff 100%
) !important;
}
@media(max-width:760px){
#ttProof{
padding:
18px 0 72px !important;
background:
linear-gradient(
180deg,
#e9f5fc 0%,
#f3f9fd 45%,
#eaf4fb 100%
) !important;
}
#ttProof::before{
right:
18px !important;
left:
18px !important;
height:
3px !important;
}
#ttProof .ttp-container{
width:
calc(100% - 16px) !important;
}
#ttProof .ttp-intro{
margin:
0 0 10px !important;
padding:
14px 14px 13px !important;
border:
1px solid
#cfe2ef !important;
border-radius:
20px !important;
background:
linear-gradient(
145deg,
#ffffff 0%,
#f7fbff 100%
) !important;
box-shadow:
0 7px 20px
rgba(40,68,96,.035) !important;
text-align:
right !important;
}
#ttProof .ttp-kicker{
width:
max-content;
margin-bottom:
6px !important;
padding:
4px 8px;
border:
1px solid
#d6e8f2;
border-radius:
999px;
color:
#456b7c !important;
background:
#edf8fd;
font-size:
10.5px !important;
}
#ttProof .ttp-kicker::before,
#ttProof .ttp-kicker::after{
display:
none !important;
}
#ttProof .ttp-intro h2{
font-size:
clamp(
25px,
7.15vw,
31px
) !important;
line-height:
1.42 !important;
}
#ttProof .ttp-intro-text{
margin:
6px 0 0 !important;
color:
#657286 !important;
font-size:
13.5px !important;
line-height:
1.95 !important;
}
#ttProof .ttp-intro-hand{
align-self:
flex-start !important;
margin:
9px 0 0 !important;
color:
#557083 !important;
background:
#f4faff !important;
}
#ttProof .ttp-shell{
padding:
7px !important;
overflow:
visible !important;
border:
1px solid
#c7dae8 !important;
border-radius:
24px !important;
background:
#dfeaf3 !important;
box-shadow:
0 12px 30px
rgba(35,60,86,.055) !important;
}
#ttProof .ttp-shell::before,
#ttProof .ttp-shell::after{
display:
none !important;
}
#ttProof .ttp-topbar,
#ttProof .ttp-app-header,
#ttProof .ttp-mobile-dock{
display:
none !important;
}
#ttProof .ttp-stage{
gap:
8px !important;
}
#ttProof .ttp-viewer{
order:
1 !important;
padding:
9px !important;
border:
1px solid
#bfd7e6 !important;
border-radius:
20px !important;
background:
linear-gradient(
145deg,
#edf8fe 0%,
#e8f1fb 55%,
#f2efff 100%
) !important;
box-shadow:
0 7px 18px
rgba(45,72,100,.04) !important;
}
#ttProof .ttp-viewer::before,
#ttProof .ttp-ring,
#ttProof .ttp-cross,
#ttProof .ttp-spark,
#ttProof .ttp-corner{
display:
none !important;
}
#ttProof .ttp-viewer-head{
min-height:
39px !important;
margin:
0 0 7px !important;
padding:
6px 8px !important;
border:
1px solid
rgba(87,132,160,.12);
border-radius:
12px;
background:
rgba(255,255,255,.74);
}
#ttProof .ttp-viewer-title strong{
color:
var(--ink) !important;
font-size:
10.8px !important;
}
#ttProof .ttp-view-chip{
min-height:
22px !important;
padding:
0 8px !important;
font-size:
8px !important;
}
#ttProof .ttp-viewer-hand{
padding:
0 4px 3px !important;
color:
rgba(72,103,129,.67) !important;
background:
transparent !important;
font-size:
14px !important;
transform:
rotate(-1.5deg) !important;
}
#ttProof .ttp-frame{
width:
100% !important;
margin:
0 !important;
padding:
0 !important;
overflow:
hidden !important;
border:
1px solid
rgba(39,70,99,.10) !important;
border-radius:
22px !important;
background:
#fff !important;
box-shadow:
0 8px 22px
rgba(34,60,88,.075) !important;
-webkit-clip-path:
inset(0 round 22px) !important;
clip-path:
inset(0 round 22px) !important;
}
#ttProof .ttp-frame::before,
#ttProof .ttp-frame::after{
display:
none !important;
}
#ttProof .ttp-image-stage,
#ttProof .ttp-image-mask{
overflow:
hidden !important;
border-radius:
21px !important;
background:
#fff !important;
-webkit-clip-path:
inset(0 round 21px) !important;
clip-path:
inset(0 round 21px) !important;
}
#ttProof .ttp-proof-img{
width:
100% !important;
height:
auto !important;
max-height:
none !important;
display:
block !important;
object-fit:
contain !important;
border-radius:
0 !important;
}
#ttProof .ttp-annotation{
right:
7px !important;
bottom:
7px !important;
max-width:
calc(100% - 14px) !important;
padding:
6px 8px !important;
border:
1px solid
rgba(57,91,118,.08) !important;
border-radius:
11px !important;
background:
rgba(255,255,255,.91) !important;
-webkit-backdrop-filter:
blur(9px);
backdrop-filter:
blur(9px);
box-shadow:
0 6px 15px
rgba(35,62,90,.045) !important;
font-size:
8.8px !important;
}
#ttProof .ttp-controls{
margin-top:
7px !important;
padding:
4px !important;
gap:
3px !important;
border:
1px solid
#c9dbe7 !important;
border-radius:
15px !important;
background:
#dbe8f1 !important;
box-shadow:
inset 0 1px 2px
rgba(31,54,78,.035);
}
#ttProof .ttp-control{
min-height:
49px !important;
padding:
5px 3px !important;
border:
1px solid
transparent !important;
border-radius:
11px !important;
color:
#667387 !important;
background:
rgba(255,255,255,.60) !important;
box-shadow:
none !important;
font-size:
9.5px !important;
}
#ttProof .ttp-control[aria-selected="true"]{
color:
#fff !important;
border-color:
var(--accent) !important;
background:
var(--accent) !important;
box-shadow:
0 7px 16px
rgba(39,62,88,.14) !important;
}
#ttProof .ttp-control-icon{
color:
#758298 !important;
border-color:
#e0e7ee !important;
background:
#fff !important;
}
#ttProof
.ttp-control[aria-selected="true"]
.ttp-control-icon{
color:
#fff !important;
border-color:
rgba(255,255,255,.20) !important;
background:
rgba(255,255,255,.14) !important;
}
#ttProof .ttp-story{
order:
2 !important;
padding:
16px 13px 14px !important;
border:
1px solid
#d3e1ea !important;
border-radius:
20px !important;
background:
#ffffff !important;
box-shadow:
0 7px 18px
rgba(37,62,89,.04) !important;
}
#ttProof .ttp-story::before{
top:
16px !important;
width:
4px !important;
height:
73px !important;
opacity:
.88 !important;
background:
var(--accent) !important;
}
#ttProof .ttp-story::after{
display:
none !important;
}
#ttProof .ttp-big-section-number{
display:
none !important;
}
#ttProof .ttp-story-head{
display:
flex !important;
flex-wrap:
wrap;
align-items:
center !important;
justify-content:
space-between;
gap:
7px !important;
margin-bottom:
9px !important;
}
#ttProof .ttp-story-state{
gap:
6px !important;
}
#ttProof .ttp-chip{
min-height:
28px !important;
padding:
0 9px !important;
color:
#fff !important;
border:
1px solid
var(--accent);
border-radius:
999px !important;
background:
var(--accent) !important;
box-shadow:
0 5px 12px
rgba(40,64,91,.10);
font-size:
9.5px !important;
}
#ttProof .ttp-state-index{
padding:
4px 7px;
border-radius:
999px;
color:
#7d8999 !important;
background:
#f0f4f7;
font-size:
9px !important;
}
#ttProof .ttp-story-hand{
margin:
0 !important;
font-size:
9.5px !important;
}
#ttProof .ttp-story-panel h3{
margin-top:
11px !important;
font-size:
clamp(
22px,
6.5vw,
27px
) !important;
line-height:
1.45 !important;
}
#ttProof .ttp-story-lead{
margin-top:
6px !important;
color:
#626e82 !important;
font-size:
13.5px !important;
line-height:
1.95 !important;
}
#ttProof .ttp-focus{
margin-top:
11px !important;
padding:
10px !important;
border:
1px solid
var(--accent-soft) !important;
border-radius:
15px !important;
background:
linear-gradient(
145deg,
var(--accent-soft) 0%,
#ffffff 120%
) !important;
box-shadow:
none !important;
}
#ttProof .ttp-focus-title{
margin-bottom:
8px !important;
color:
var(--ink) !important;
font-size:
11px !important;
}
#ttProof .ttp-focus-items{
gap:
5px !important;
}
#ttProof .ttp-focus-item{
min-width:
128px !important;
min-height:
60px !important;
padding:
8px !important;
border:
1px solid
rgba(42,71,96,.075) !important;
border-radius:
11px !important;
background:
rgba(255,255,255,.91) !important;
box-shadow:
0 4px 10px
rgba(35,60,86,.025);
}
#ttProof .ttp-view-map{
margin-top:
9px !important;
padding:
5px !important;
gap:
4px !important;
border:
1px solid
#dbe3ea;
border-radius:
14px;
background:
#eef3f7;
}
#ttProof .ttp-map-item{
min-height:
57px !important;
padding:
7px 5px !important;
border:
1px solid
transparent !important;
border-radius:
10px !important;
background:
rgba(255,255,255,.64) !important;
}
#ttProof .ttp-map-item.active{
border-color:
var(--accent) !important;
background:
var(--accent-soft) !important;
box-shadow:
0 4px 10px
rgba(40,64,91,.045);
}
#ttProof .ttp-map-num{
color:
var(--accent) !important;
}
#ttProof .ttp-actions{
margin-top:
10px !important;
padding:
9px !important;
display:
grid !important;
grid-template-columns:
1fr !important;
gap:
6px !important;
border:
1px solid
#cfe1eb;
border-radius:
16px;
background:
linear-gradient(
145deg,
#edf7fb,
#ffffff
);
}
#ttProof .ttp-cta,
#ttProof .ttp-next{
width:
100% !important;
min-height:
47px !important;
border-radius:
13px !important;
font-size:
11.5px !important;
}
#ttProof .ttp-cta{
border-color:
var(--accent) !important;
background:
var(--accent) !important;
box-shadow:
0 8px 18px
rgba(40,64,91,.12) !important;
}
#ttProof .ttp-next{
border-color:
#d5e1e9 !important;
background:
#fff !important;
box-shadow:
none !important;
}
}
@media(max-width:390px){
#ttProof .ttp-container{
width:
calc(100% - 12px) !important;
}
#ttProof .ttp-intro{
padding:
13px 12px 12px !important;
border-radius:
18px !important;
}
#ttProof .ttp-shell{
padding:
6px !important;
border-radius:
21px !important;
}
#ttProof .ttp-viewer,
#ttProof .ttp-story{
border-radius:
18px !important;
}
#ttProof .ttp-story-hand{
display:
inline-flex !important;
font-size:
9px !important;
}
#ttProof .ttp-viewer-hand{
display:
inline-block !important;
font-size:
13px !important;
}
}
#ttProof .ttp-map-item{
width:100% !important;
appearance:none !important;
-webkit-appearance:none !important;
font:inherit !important;
color:inherit !important;
text-align:right !important;
cursor:pointer !important;
outline:0;
transition:
transform .16s ease,
border-color .16s ease,
background-color .16s ease,
box-shadow .16s ease !important;
}
#ttProof .ttp-map-item:not(.active):hover{
transform:translateY(-1px);
border-color:rgba(79,143,126,.22) !important;
background:#fff !important;
box-shadow:0 7px 18px rgba(32,44,90,.045);
}
#ttProof .ttp-map-item:active{
transform:scale(.985);
}
#ttProof .ttp-map-item:focus-visible{
outline:3px solid rgba(79,143,126,.22) !important;
outline-offset:2px !important;
}
#ttProof .ttp-focus-items{
gap:0 !important;
}
#ttProof .ttp-focus-item{
min-height:0 !important;
padding:9px 11px !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
cursor:default !important;
}
#ttProof .ttp-focus-item::after{
display:none !important;
content:none !important;
}
#ttProof .ttp-focus-item:not(:last-child){
border-left:1px solid rgba(24,39,80,.075) !important;
}
@media(max-width:760px){
#ttProof .ttp-focus-items{
display:grid !important;
grid-template-columns:1fr !important;
gap:0 !important;
overflow:visible !important;
padding-bottom:0 !important;
}
#ttProof .ttp-focus-item{
width:100% !important;
min-width:0 !important;
min-height:0 !important;
flex:none !important;
padding:8px 4px !important;
}
#ttProof .ttp-focus-item:not(:last-child){
border-left:0 !important;
border-bottom:1px solid rgba(24,39,80,.07) !important;
}
#ttProof .ttp-map-item{
touch-action:manipulation;
}
}
#ttProof{
margin-top:28px !important;
margin-bottom:28px !important;
border-top:
8px solid
#cfe7df !important;
background:
radial-gradient(
circle at 88% 7%,
rgba(79,143,126,.065),
transparent 24%
),
radial-gradient(
circle at 10% 88%,
rgba(105,117,243,.05),
transparent 25%
),
linear-gradient(
180deg,
#eaf7f3 0%,
#f5fbf9 46%,
#edf7f4 100%
) !important;
box-shadow:
inset 0 1px 0 rgba(79,143,126,.10) !important;
}
#ttProof::before{
content:"" !important;
position:absolute !important;
z-index:0 !important;
top:-8px !important;
right:0 !important;
left:0 !important;
width:100% !important;
height:8px !important;
border-radius:0 !important;
background:
linear-gradient(
90deg,
#dcefe8 0%,
#bcded2 34%,
#cfd5fb 66%,
#e9e5ff 100%
) !important;
pointer-events:none !important;
}
#ttProof::after{
content:"" !important;
position:absolute !important;
z-index:2 !important;
right:0 !important;
bottom:0 !important;
left:0 !important;
width:100% !important;
height:8px !important;
background:
linear-gradient(
90deg,
#e9e5ff 0%,
#cfd5fb 34%,
#bcded2 66%,
#dcefe8 100%
) !important;
pointer-events:none !important;
}
@media(max-width:760px){
#ttProof{
margin-top:18px !important;
margin-bottom:18px !important;
border-top:
6px solid
#cfe7df !important;
padding-top:
24px !important;
background:
linear-gradient(
180deg,
#e9f6f2 0%,
#f5fbf9 42%,
#edf7f4 100%
) !important;
}
#ttProof::before{
top:-6px !important;
height:6px !important;
right:0 !important;
left:0 !important;
}
#ttProof::after{
height:6px !important;
}
}
#ttProof {
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#ttProof::before,
#ttProof::after {
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
#ttProof > .ttp-ambient-layer {
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
top:-100px !important;
right:0 !important;
bottom:-100px !important;
left:0 !important;
background-color:#fffaf7 !important;
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 50% !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
}
#ttProof > .ttp-container {
position:relative !important;
z-index:1 !important;
}
#ttProof img,
#ttProof video {
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
}
@media(max-width:767px) {
#ttProof > .ttp-ambient-layer {
top:-56px !important;
bottom:-56px !important;
background-image:linear-gradient(transparent,transparent) !important;
background-position:center 50% !important;
background-size:cover !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
}
}
@font-face{
font-family:"TTDanstevis";
src:url("../fonts/danstevis.ttf") format("truetype");
font-weight:400;
font-style:normal;
font-display:swap;
}
#ttCenterPositioning{
--ttcp-bg:#fbfaf6;
--ttcp-paper:#ffffff;
--ttcp-paper-warm:#fffdf9;
--ttcp-ink:#182750;
--ttcp-ink-soft:#30405f;
--ttcp-text:#5e6677;
--ttcp-muted:#9298a5;
--ttcp-sage:#557f73;
--ttcp-sage-dark:#40675d;
--ttcp-sage-soft:#edf5f1;
--ttcp-sage-pale:#f5faf7;
--ttcp-iris:#6975f3;
--ttcp-iris-soft:#eff0ff;
--ttcp-peach:#f1c5af;
--ttcp-peach-soft:#fff2eb;
--ttcp-line:rgba(24,39,80,.085);
--ttcp-line-sage:rgba(85,127,115,.17);
--ttcp-shadow:
0 34px 85px rgba(31,43,77,.065),
0 9px 24px rgba(31,43,77,.025);
--ttcp-max:1280px;
position:relative;
width:100%;
padding:58px 0 82px;
overflow:hidden;
color:var(--ttcp-text);
background:
linear-gradient(
180deg,
#fffaf7 0%,
#fbfaf6 24%,
#fafbf8 72%,
#fffaf7 100%
);
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif;
font-size:16px;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
#ttCenterPositioning *,
#ttCenterPositioning *::before,
#ttCenterPositioning *::after{
box-sizing:border-box;
}
#ttCenterPositioning img{
display:block;
max-width:100%;
}
#ttCenterPositioning figure{
margin:0;
}
#ttCenterPositioning a{
color:inherit;
text-decoration:none;
}
#ttCenterPositioning .ttcp-container{
width:min(
var(--ttcp-max),
calc(100% - 32px)
);
margin-inline:auto;
}
#ttCenterPositioning .ttcp-hand,
#ttCenterPositioning .ttcp-hand *{
font-family:"TTDanstevis","Estedad",Tahoma,sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttCenterPositioning .ttcp-bg-orbit{
position:absolute;
border-radius:50%;
pointer-events:none;
}
#ttCenterPositioning .ttcp-bg-orbit.one{
width:440px;
height:440px;
top:90px;
right:-260px;
border:
1px solid
rgba(85,127,115,.09);
}
#ttCenterPositioning .ttcp-bg-orbit.two{
width:260px;
height:260px;
bottom:18px;
left:-130px;
border:
1px solid
rgba(105,117,243,.075);
}
#ttCenterPositioning .ttcp-chapter{
position:relative;
max-width:1280px;
margin:
0 auto 16px;
padding:
0 8px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
#ttCenterPositioning .ttcp-chapter-main{
display:flex;
align-items:center;
gap:9px;
color:var(--ttcp-sage);
font-size:11px;
font-weight:850;
}
#ttCenterPositioning .ttcp-chapter-dot{
position:relative;
width:10px;
height:10px;
flex:0 0 auto;
border:
1px solid
rgba(85,127,115,.42);
border-radius:50%;
}
#ttCenterPositioning .ttcp-chapter-dot::after{
content:"";
position:absolute;
inset:2px;
border-radius:50%;
background:var(--ttcp-sage);
}
#ttCenterPositioning .ttcp-chapter-line{
width:84px;
height:1px;
background:
linear-gradient(
90deg,
transparent,
rgba(85,127,115,.22)
);
}
#ttCenterPositioning .ttcp-chapter-index{
display:flex;
align-items:center;
gap:8px;
color:rgba(24,39,80,.32);
font-size:10px;
font-weight:850;
}
#ttCenterPositioning .ttcp-chapter-index::before{
content:"";
width:27px;
height:1px;
background:
rgba(24,39,80,.11);
}
#ttCenterPositioning .ttcp-shell{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:
minmax(0,.94fr)
minmax(460px,1.06fr);
gap:17px;
padding:17px;
border:
1px solid
rgba(85,127,115,.14);
border-radius:36px;
background:
rgba(255,255,255,.88);
box-shadow:
var(--ttcp-shadow);
direction:rtl;
}
#ttCenterPositioning .ttcp-shell::before{
content:"";
position:absolute;
top:0;
right:78px;
width:178px;
height:6px;
border-radius:
0 0 12px 12px;
background:
var(--ttcp-sage-soft);
}
#ttCenterPositioning .ttcp-shell::after{
content:"";
position:absolute;
bottom:0;
left:70px;
width:100px;
height:5px;
border-radius:
8px 8px 0 0;
background:
var(--ttcp-peach);
}
#ttCenterPositioning .ttcp-copy{
position:relative;
min-width:0;
overflow:hidden;
padding:
38px 34px 33px;
border:
1px solid
var(--ttcp-line);
border-radius:27px;
background:
var(--ttcp-paper);
direction:rtl;
}
#ttCenterPositioning .ttcp-copy::before{
content:"";
position:absolute;
top:39px;
right:0;
width:5px;
height:132px;
border-radius:
5px 0 0 5px;
background:
var(--ttcp-sage);
opacity:.27;
}
#ttCenterPositioning .ttcp-copy::after{
content:"";
position:absolute;
top:22px;
left:26px;
width:76px;
height:1px;
background:
rgba(85,127,115,.18);
}
#ttCenterPositioning .ttcp-watermark{
position:absolute;
z-index:0;
left:19px;
bottom:15px;
width:135px;
color:
rgba(85,127,115,.045);
pointer-events:none;
}
#ttCenterPositioning .ttcp-copy-inner{
position:relative;
z-index:3;
}
#ttCenterPositioning .ttcp-label{
display:inline-flex;
align-items:center;
gap:7px;
min-height:30px;
padding:
0 11px;
margin-bottom:13px;
border:
1px solid
rgba(85,127,115,.14);
border-radius:999px;
color:var(--ttcp-sage-dark);
background:
var(--ttcp-sage-soft);
font-size:10px;
font-weight:850;
}
#ttCenterPositioning .ttcp-label-icon{
width:7px;
height:7px;
border-radius:50%;
background:
var(--ttcp-sage);
}
#ttCenterPositioning h2{
max-width:620px;
margin:0;
color:var(--ttcp-ink);
font-size:
clamp(
34px,
3.1vw,
47px
);
line-height:1.43;
letter-spacing:-1px;
font-weight:950;
}
#ttCenterPositioning .ttcp-title-accent{
position:relative;
display:inline-block;
}
#ttCenterPositioning .ttcp-title-accent::after{
content:"";
position:absolute;
right:0;
left:4px;
bottom:4px;
height:7px;
border-radius:999px;
background:
rgba(85,127,115,.10);
z-index:-1;
}
#ttCenterPositioning .ttcp-main-copy{
max-width:610px;
margin:
15px 0 0;
color:var(--ttcp-text);
font-size:15px;
line-height:2.15;
font-weight:450;
}
#ttCenterPositioning .ttcp-hand-note{
position:relative;
width:max-content;
max-width:100%;
margin:
19px 3px 0;
color:
rgba(85,127,115,.82);
font-size:20px;
line-height:1.5;
transform:
rotate(-2deg);
}
#ttCenterPositioning .ttcp-hand-note::after{
content:"";
display:block;
width:112px;
height:15px;
margin:
-4px 3px 0 0;
border-bottom:
1px solid
rgba(85,127,115,.29);
border-radius:50%;
}
#ttCenterPositioning .ttcp-principles{
margin-top:23px;
display:grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:7px;
}
#ttCenterPositioning .ttcp-principle{
position:relative;
min-height:100px;
padding:
13px 12px 11px;
overflow:hidden;
border:
1px solid
var(--ttcp-line);
border-radius:14px;
background:
#fff;
}
#ttCenterPositioning .ttcp-principle::before{
content:"";
position:absolute;
top:0;
right:12px;
width:30px;
height:3px;
border-radius:
0 0 8px 8px;
background:
var(--ttcp-sage);
opacity:.45;
}
#ttCenterPositioning .ttcp-principle:nth-child(2)::before{
background:
var(--ttcp-iris);
}
#ttCenterPositioning .ttcp-principle:nth-child(3)::before{
background:
var(--ttcp-peach);
}
#ttCenterPositioning .ttcp-principle-icon{
width:30px;
height:30px;
margin-bottom:7px;
display:grid;
place-items:center;
border-radius:9px;
color:var(--ttcp-sage);
background:
var(--ttcp-sage-soft);
}
#ttCenterPositioning
.ttcp-principle:nth-child(2)
.ttcp-principle-icon{
color:
var(--ttcp-iris);
background:
var(--ttcp-iris-soft);
}
#ttCenterPositioning
.ttcp-principle:nth-child(3)
.ttcp-principle-icon{
color:
#bd795e;
background:
var(--ttcp-peach-soft);
}
#ttCenterPositioning .ttcp-principle strong{
display:block;
color:var(--ttcp-ink);
font-size:11px;
line-height:1.7;
font-weight:900;
}
#ttCenterPositioning .ttcp-principle small{
display:block;
margin-top:3px;
color:var(--ttcp-muted);
font-size:9.5px;
line-height:1.7;
}
#ttCenterPositioning .ttcp-bottom-note{
margin-top:20px;
padding-top:14px;
display:flex;
align-items:flex-start;
gap:9px;
border-top:
1px solid
rgba(24,39,80,.07);
}
#ttCenterPositioning .ttcp-bottom-note-icon{
width:30px;
height:30px;
flex:0 0 auto;
display:grid;
place-items:center;
border:
1px solid
rgba(85,127,115,.13);
border-radius:10px;
color:var(--ttcp-sage);
background:
var(--ttcp-sage-pale);
}
#ttCenterPositioning .ttcp-bottom-note p{
margin:0;
color:var(--ttcp-muted);
font-size:11px;
line-height:1.9;
}
#ttCenterPositioning .ttcp-media{
position:relative;
min-width:0;
min-height:610px;
overflow:hidden;
padding:15px;
border:
1px solid
rgba(85,127,115,.12);
border-radius:28px;
background:
linear-gradient(
145deg,
#eef6f2 0%,
#f4f3fb 50%,
#fff2ea 100%
);
direction:rtl;
}
#ttCenterPositioning .ttcp-media-orbit{
position:absolute;
z-index:1;
border-radius:50%;
pointer-events:none;
}
#ttCenterPositioning .ttcp-media-orbit.one{
width:330px;
height:330px;
left:-114px;
top:87px;
border:
1px solid
rgba(85,127,115,.15);
}
#ttCenterPositioning .ttcp-media-orbit.two{
width:220px;
height:220px;
left:-58px;
top:143px;
border:
1px solid
rgba(105,117,243,.12);
}
#ttCenterPositioning .ttcp-media-rail{
position:absolute;
z-index:1;
right:18px;
top:103px;
width:24px;
height:224px;
border-radius:11px;
background:
var(--ttcp-peach);
}
#ttCenterPositioning .ttcp-media-top{
position:relative;
z-index:6;
min-height:41px;
margin-bottom:8px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
#ttCenterPositioning .ttcp-media-title{
display:flex;
align-items:center;
gap:8px;
}
#ttCenterPositioning .ttcp-media-title-dot{
width:7px;
height:7px;
border-radius:50%;
background:
var(--ttcp-sage);
}
#ttCenterPositioning .ttcp-media-title strong{
color:var(--ttcp-ink);
font-size:11px;
font-weight:900;
}
#ttCenterPositioning .ttcp-media-title span{
min-height:22px;
padding:
0 8px;
display:inline-flex;
align-items:center;
border-radius:999px;
color:var(--ttcp-sage-dark);
background:
rgba(255,255,255,.68);
font-size:8px;
font-weight:850;
}
#ttCenterPositioning .ttcp-media-hand{
color:
rgba(85,127,115,.72);
font-size:17px;
transform:
rotate(-3deg);
}
#ttCenterPositioning .ttcp-main-photo{
position:relative;
z-index:4;
overflow:hidden;
padding:8px;
border:
1px solid
rgba(24,39,80,.075);
border-radius:27px;
background:#fff;
box-shadow:
0 15px 35px
rgba(31,43,77,.055);
}
#ttCenterPositioning .ttcp-main-photo-inner{
overflow:hidden;
border-radius:21px;
background:#fff;
}
#ttCenterPositioning .ttcp-main-photo img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
object-position:center !important;
border-radius:21px;
filter:none !important;
}
#ttCenterPositioning .ttcp-main-photo-foot{
min-height:43px;
padding:
9px 7px 1px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
#ttCenterPositioning .ttcp-photo-caption{
display:flex;
align-items:center;
gap:7px;
min-width:0;
}
#ttCenterPositioning .ttcp-photo-caption-icon{
width:25px;
height:25px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:8px;
color:var(--ttcp-sage);
background:
var(--ttcp-sage-soft);
}
#ttCenterPositioning .ttcp-photo-caption strong{
display:block;
color:var(--ttcp-ink);
font-size:10px;
font-weight:850;
}
#ttCenterPositioning .ttcp-photo-caption small{
display:block;
margin-top:1px;
color:var(--ttcp-muted);
font-size:8px;
}
#ttCenterPositioning .ttcp-photo-index{
color:
rgba(24,39,80,.28);
font-size:9px;
font-weight:900;
}
#ttCenterPositioning .ttcp-secondary-media{
position:relative;
z-index:5;
margin-top:9px;
display:grid;
grid-template-columns:
1fr .76fr;
gap:9px;
align-items:start;
}
#ttCenterPositioning .ttcp-secondary-photo{
position:relative;
overflow:hidden;
padding:6px;
border:
1px solid
rgba(24,39,80,.07);
background:#fff;
box-shadow:
0 10px 25px
rgba(31,43,77,.04);
}
#ttCenterPositioning .ttcp-secondary-photo.first{
border-radius:20px;
}
#ttCenterPositioning .ttcp-secondary-photo.second{
margin-top:22px;
border-radius:18px;
}
#ttCenterPositioning .ttcp-secondary-photo-inner{
overflow:hidden;
border-radius:15px;
}
#ttCenterPositioning .ttcp-secondary-photo img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
object-position:center !important;
border-radius:15px;
filter:none !important;
}
#ttCenterPositioning .ttcp-floating-detail{
position:absolute;
z-index:7;
left:23px;
top:245px;
width:112px;
padding:5px;
overflow:hidden;
border:
1px solid
rgba(85,127,115,.12);
border-radius:18px;
background:#fff;
box-shadow:
0 15px 35px
rgba(31,43,77,.11);
transform:
rotate(-2deg);
}
#ttCenterPositioning .ttcp-floating-detail img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
border-radius:13px;
filter:none !important;
}
#ttCenterPositioning .ttcp-floating-label{
padding:
5px 3px 2px;
color:var(--ttcp-muted);
text-align:center;
font-size:7.5px;
font-weight:750;
}
#ttCenterPositioning .ttcp-coordinate{
position:absolute;
z-index:2;
color:
rgba(24,39,80,.21);
font-size:8px;
font-weight:900;
letter-spacing:1px;
pointer-events:none;
}
#ttCenterPositioning .ttcp-coordinate.one{
left:26px;
bottom:17px;
}
#ttCenterPositioning .ttcp-coordinate.two{
right:26px;
bottom:17px;
}
#ttCenterPositioning .ttcp-corner{
position:absolute;
z-index:2;
width:45px;
height:45px;
pointer-events:none;
}
#ttCenterPositioning .ttcp-corner.top{
top:15px;
right:15px;
border-top:
1px solid
rgba(85,127,115,.31);
border-right:
1px solid
rgba(85,127,115,.31);
border-radius:
0 13px 0 0;
}
#ttCenterPositioning .ttcp-corner.bottom{
bottom:15px;
left:15px;
border-bottom:
1px solid
rgba(213,129,106,.25);
border-left:
1px solid
rgba(213,129,106,.25);
border-radius:
0 0 0 13px;
}
#ttCenterPositioning .ttcp-mobile-bar{
display:none;
}
@media(max-width:1080px){
#ttCenterPositioning .ttcp-shell{
grid-template-columns:
minmax(0,1fr)
minmax(400px,1fr);
gap:12px;
}
#ttCenterPositioning .ttcp-copy{
padding:
29px 23px;
}
#ttCenterPositioning .ttcp-principles{
grid-template-columns:1fr;
}
#ttCenterPositioning .ttcp-principle{
min-height:65px;
display:grid;
grid-template-columns:
31px minmax(0,1fr);
grid-template-rows:
auto auto;
column-gap:9px;
align-items:center;
}
#ttCenterPositioning .ttcp-principle-icon{
grid-row:
1 / span 2;
margin:0;
}
#ttCenterPositioning .ttcp-principle strong,
#ttCenterPositioning .ttcp-principle small{
grid-column:2;
}
#ttCenterPositioning .ttcp-floating-detail{
width:92px;
}
}
@media(max-width:760px){
#ttCenterPositioning{
padding:
28px 0 48px;
background:
linear-gradient(
180deg,
#fffaf7,
#fafcf9 54%,
#fffaf7
);
}
#ttCenterPositioning .ttcp-container{
width:
calc(100% - 14px);
}
#ttCenterPositioning .ttcp-bg-orbit{
display:none;
}
#ttCenterPositioning .ttcp-chapter{
margin-bottom:9px;
padding:
0 5px;
}
#ttCenterPositioning .ttcp-chapter-main{
font-size:9px;
}
#ttCenterPositioning .ttcp-chapter-line{
width:38px;
}
#ttCenterPositioning .ttcp-chapter-index{
font-size:8px;
}
#ttCenterPositioning .ttcp-chapter-index::before{
width:18px;
}
#ttCenterPositioning .ttcp-shell{
display:flex;
flex-direction:column;
gap:7px;
padding:8px;
overflow:visible;
border-radius:27px;
box-shadow:
0 18px 48px
rgba(31,43,77,.06);
}
#ttCenterPositioning .ttcp-shell::before{
right:43px;
width:115px;
height:5px;
}
#ttCenterPositioning .ttcp-shell::after{
left:29px;
width:73px;
height:4px;
}
#ttCenterPositioning .ttcp-mobile-bar{
min-height:53px;
padding:
7px 8px 8px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
#ttCenterPositioning .ttcp-mobile-bar-main{
display:flex;
align-items:center;
gap:9px;
min-width:0;
}
#ttCenterPositioning .ttcp-mobile-bar-icon{
width:37px;
height:37px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:12px;
color:var(--ttcp-sage);
background:
var(--ttcp-sage-soft);
}
#ttCenterPositioning .ttcp-mobile-bar-copy{
min-width:0;
}
#ttCenterPositioning .ttcp-mobile-bar-copy strong{
display:block;
color:var(--ttcp-ink);
font-size:12px;
font-weight:900;
}
#ttCenterPositioning .ttcp-mobile-bar-copy small{
display:block;
margin-top:1px;
color:var(--ttcp-muted);
font-size:9px;
}
#ttCenterPositioning .ttcp-mobile-bar-tag{
flex:0 0 auto;
min-height:27px;
padding:
0 8px;
display:inline-flex;
align-items:center;
border:
1px solid
rgba(85,127,115,.12);
border-radius:999px;
color:var(--ttcp-sage-dark);
background:#fff;
font-size:8px;
font-weight:850;
}
#ttCenterPositioning .ttcp-media{
order:1;
min-height:0;
padding:8px;
border-radius:21px;
}
#ttCenterPositioning .ttcp-media-orbit,
#ttCenterPositioning .ttcp-media-rail{
display:none;
}
#ttCenterPositioning .ttcp-corner{
width:34px;
height:34px;
}
#ttCenterPositioning .ttcp-corner.top{
top:8px;
right:8px;
}
#ttCenterPositioning .ttcp-corner.bottom{
left:8px;
bottom:8px;
}
#ttCenterPositioning .ttcp-media-top{
min-height:34px;
margin:
0 3px 6px;
}
#ttCenterPositioning .ttcp-media-title strong{
font-size:10px;
}
#ttCenterPositioning .ttcp-media-title span{
font-size:7px;
}
#ttCenterPositioning .ttcp-media-hand{
font-size:14px;
}
#ttCenterPositioning .ttcp-main-photo{
padding:6px;
border-radius:22px;
}
#ttCenterPositioning .ttcp-main-photo-inner{
border-radius:17px;
}
#ttCenterPositioning .ttcp-main-photo img{
border-radius:17px;
}
#ttCenterPositioning .ttcp-main-photo-foot{
min-height:39px;
padding:
7px 4px 0;
}
#ttCenterPositioning .ttcp-photo-caption-icon{
width:22px;
height:22px;
border-radius:7px;
}
#ttCenterPositioning .ttcp-photo-caption strong{
font-size:9px;
}
#ttCenterPositioning .ttcp-photo-caption small{
font-size:7px;
}
#ttCenterPositioning .ttcp-secondary-media{
margin-top:6px;
grid-template-columns:
1fr 1fr;
gap:6px;
}
#ttCenterPositioning .ttcp-secondary-photo{
padding:4px;
border-radius:15px !important;
}
#ttCenterPositioning .ttcp-secondary-photo.second{
margin-top:0;
}
#ttCenterPositioning .ttcp-secondary-photo-inner{
border-radius:11px;
}
#ttCenterPositioning .ttcp-secondary-photo img{
border-radius:11px;
}
#ttCenterPositioning .ttcp-floating-detail{
display:none;
}
#ttCenterPositioning .ttcp-coordinate{
display:none;
}
#ttCenterPositioning .ttcp-copy{
order:2;
padding:
18px 14px 15px;
border-radius:21px;
}
#ttCenterPositioning .ttcp-copy::before{
top:18px;
width:4px;
height:84px;
}
#ttCenterPositioning .ttcp-copy::after{
top:12px;
left:15px;
width:45px;
}
#ttCenterPositioning .ttcp-watermark{
width:75px;
left:7px;
bottom:7px;
}
#ttCenterPositioning .ttcp-label{
min-height:27px;
margin-bottom:8px;
padding:
0 9px;
font-size:9px;
}
#ttCenterPositioning h2{
max-width:none;
font-size:
clamp(
26px,
7.7vw,
32px
);
line-height:1.48;
letter-spacing:-.5px;
}
#ttCenterPositioning .ttcp-main-copy{
margin-top:8px;
font-size:14px;
line-height:2.02;
}
#ttCenterPositioning .ttcp-hand-note{
margin-top:13px;
font-size:17px;
}
#ttCenterPositioning .ttcp-principles{
margin-top:15px;
display:flex;
gap:6px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none;
}
#ttCenterPositioning
.ttcp-principles::-webkit-scrollbar{
display:none;
}
#ttCenterPositioning .ttcp-principle{
min-width:164px;
min-height:91px;
flex:0 0 auto;
display:block;
padding:
11px 10px;
border-radius:13px;
}
#ttCenterPositioning .ttcp-principle-icon{
width:27px;
height:27px;
margin-bottom:6px;
}
#ttCenterPositioning .ttcp-principle strong{
font-size:10px;
}
#ttCenterPositioning .ttcp-principle small{
margin-top:2px;
font-size:8.5px;
}
#ttCenterPositioning .ttcp-bottom-note{
margin-top:14px;
padding-top:11px;
gap:7px;
}
#ttCenterPositioning .ttcp-bottom-note-icon{
width:27px;
height:27px;
border-radius:9px;
}
#ttCenterPositioning .ttcp-bottom-note p{
font-size:10px;
line-height:1.85;
}
}
@media(max-width:390px){
#ttCenterPositioning .ttcp-media-hand{
display:none;
}
#ttCenterPositioning .ttcp-main-copy{
font-size:13.5px;
}
#ttCenterPositioning .ttcp-principle{
min-width:152px;
}
}
@media(prefers-reduced-motion:reduce){
#ttCenterPositioning *,
#ttCenterPositioning *::before,
#ttCenterPositioning *::after{
transition:none !important;
animation:none !important;
}
}
#ttCenterPositioning{
--ttcp-max:1360px;
padding:
74px 0 96px;
background:
radial-gradient(
circle at 88% 15%,
rgba(85,127,115,.055),
transparent 28%
),
radial-gradient(
circle at 9% 84%,
rgba(105,117,243,.04),
transparent 26%
),
linear-gradient(
180deg,
#fffaf7 0%,
#fbfaf6 28%,
#f9fbf8 72%,
#fffaf7 100%
);
}
#ttCenterPositioning .ttcp-chapter{
max-width:1360px;
margin-bottom:18px;
padding:
0 14px;
}
#ttCenterPositioning .ttcp-chapter-main{
gap:11px;
min-height:34px;
padding:
0 13px;
border:
1px solid
rgba(85,127,115,.10);
border-radius:999px;
background:
rgba(255,255,255,.58);
box-shadow:
0 6px 22px
rgba(31,43,77,.025);
backdrop-filter:
blur(8px);
}
#ttCenterPositioning .ttcp-chapter-dot{
width:11px;
height:11px;
}
#ttCenterPositioning .ttcp-chapter-line{
width:108px;
}
#ttCenterPositioning .ttcp-chapter-index{
min-width:50px;
min-height:34px;
justify-content:center;
padding:
0 11px;
border:
1px solid
rgba(24,39,80,.08);
border-radius:999px;
background:
rgba(255,255,255,.58);
color:
rgba(24,39,80,.42);
font-size:11px;
}
#ttCenterPositioning .ttcp-shell{
grid-template-columns:
minmax(0,.86fr)
minmax(560px,1.14fr);
gap:22px;
padding:20px;
border:
1px solid
rgba(85,127,115,.15);
border-radius:42px;
background:
linear-gradient(
180deg,
rgba(255,255,255,.95),
rgba(255,255,255,.86)
);
box-shadow:
0 42px 110px rgba(31,43,77,.075),
0 13px 34px rgba(31,43,77,.03);
}
#ttCenterPositioning .ttcp-shell::before{
right:96px;
width:230px;
height:7px;
}
#ttCenterPositioning .ttcp-shell::after{
left:86px;
width:128px;
height:6px;
}
#ttCenterPositioning .ttcp-copy{
padding:
50px 44px 40px;
border-radius:31px;
border:
1px solid
rgba(24,39,80,.075);
background:
linear-gradient(
180deg,
rgba(255,255,255,.98),
rgba(255,255,255,.94)
);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.7);
}
#ttCenterPositioning .ttcp-copy::before{
top:49px;
width:6px;
height:154px;
opacity:.32;
}
#ttCenterPositioning .ttcp-copy::after{
top:28px;
left:34px;
width:96px;
}
#ttCenterPositioning .ttcp-watermark{
width:168px;
left:24px;
bottom:18px;
color:
rgba(85,127,115,.042);
}
#ttCenterPositioning .ttcp-label{
min-height:34px;
padding:
0 13px;
margin-bottom:16px;
border-color:
rgba(85,127,115,.17);
font-size:11px;
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.65);
}
#ttCenterPositioning .ttcp-label-icon{
width:8px;
height:8px;
box-shadow:
0 0 0 4px
rgba(85,127,115,.08);
}
#ttCenterPositioning h2{
max-width:650px;
font-size:
clamp(
40px,
3.7vw,
56px
);
line-height:1.35;
letter-spacing:-1.35px;
}
#ttCenterPositioning .ttcp-title-accent::after{
left:2px;
bottom:5px;
height:10px;
background:
rgba(85,127,115,.11);
}
#ttCenterPositioning .ttcp-main-copy{
max-width:640px;
margin-top:18px;
font-size:16px;
line-height:2.18;
color:#566071;
}
#ttCenterPositioning .ttcp-hand-note{
margin-top:22px;
font-size:23px;
color:
rgba(85,127,115,.88);
}
#ttCenterPositioning .ttcp-hand-note::after{
width:138px;
height:17px;
}
#ttCenterPositioning .ttcp-principles{
margin-top:27px;
gap:9px;
}
#ttCenterPositioning .ttcp-principle{
min-height:122px;
padding:
16px 14px 13px;
border-radius:17px;
border:
1px solid
rgba(24,39,80,.075);
background:
linear-gradient(
180deg,
#ffffff,
#fdfefd
);
box-shadow:
0 8px 24px
rgba(31,43,77,.025);
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease;
}
#ttCenterPositioning .ttcp-principle:hover{
transform:
translateY(-3px);
border-color:
rgba(85,127,115,.17);
box-shadow:
0 14px 30px
rgba(31,43,77,.055);
}
#ttCenterPositioning .ttcp-principle::before{
right:15px;
width:40px;
height:4px;
}
#ttCenterPositioning .ttcp-principle-icon{
width:36px;
height:36px;
margin-bottom:9px;
border-radius:11px;
}
#ttCenterPositioning .ttcp-principle-icon svg{
width:17px;
height:17px;
}
#ttCenterPositioning .ttcp-principle strong{
font-size:12px;
}
#ttCenterPositioning .ttcp-principle small{
margin-top:4px;
font-size:10px;
line-height:1.75;
}
#ttCenterPositioning .ttcp-bottom-note{
margin-top:24px;
padding-top:17px;
gap:11px;
}
#ttCenterPositioning .ttcp-bottom-note-icon{
width:34px;
height:34px;
border-radius:11px;
}
#ttCenterPositioning .ttcp-bottom-note p{
max-width:520px;
font-size:11.5px;
line-height:1.95;
}
#ttCenterPositioning .ttcp-media{
min-height:710px;
padding:18px;
border-radius:32px;
border:
1px solid
rgba(85,127,115,.13);
background:
radial-gradient(
circle at 16% 18%,
rgba(255,255,255,.64),
transparent 30%
),
linear-gradient(
145deg,
#edf6f2 0%,
#f2f2fb 51%,
#fff0e7 100%
);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.72),
0 16px 42px rgba(31,43,77,.035);
}
#ttCenterPositioning .ttcp-media::before{
content:"";
position:absolute;
z-index:1;
top:76px;
left:36px;
width:1px;
height:150px;
background:
linear-gradient(
180deg,
transparent,
rgba(85,127,115,.24),
transparent
);
pointer-events:none;
}
#ttCenterPositioning .ttcp-media::after{
content:"04";
position:absolute;
z-index:1;
left:42px;
bottom:35px;
color:
rgba(24,39,80,.055);
font-size:88px;
line-height:1;
font-weight:950;
letter-spacing:-5px;
pointer-events:none;
}
#ttCenterPositioning .ttcp-media-orbit.one{
width:390px;
height:390px;
left:-140px;
top:102px;
}
#ttCenterPositioning .ttcp-media-orbit.two{
width:258px;
height:258px;
left:-72px;
top:168px;
}
#ttCenterPositioning .ttcp-media-rail{
right:20px;
top:121px;
width:28px;
height:258px;
border-radius:14px;
}
#ttCenterPositioning .ttcp-media-top{
min-height:47px;
margin-bottom:11px;
}
#ttCenterPositioning .ttcp-media-title{
gap:9px;
}
#ttCenterPositioning .ttcp-media-title-dot{
width:8px;
height:8px;
box-shadow:
0 0 0 4px
rgba(85,127,115,.08);
}
#ttCenterPositioning .ttcp-media-title strong{
font-size:12px;
}
#ttCenterPositioning .ttcp-media-title span{
min-height:24px;
padding:
0 9px;
font-size:8.5px;
border:
1px solid
rgba(85,127,115,.10);
}
#ttCenterPositioning .ttcp-media-hand{
font-size:19px;
}
#ttCenterPositioning .ttcp-main-photo{
padding:7px;
border:
1px solid
rgba(24,39,80,.09);
border-radius:30px;
background:
rgba(255,255,255,.96);
box-shadow:
0 18px 46px rgba(31,43,77,.075),
0 0 0 5px rgba(255,255,255,.24);
transition:
transform .28s ease,
box-shadow .28s ease;
}
#ttCenterPositioning .ttcp-main-photo:hover{
transform:
translateY(-3px);
box-shadow:
0 24px 56px rgba(31,43,77,.10),
0 0 0 5px rgba(255,255,255,.28);
}
#ttCenterPositioning .ttcp-main-photo-inner{
border-radius:23px;
background:transparent;
}
#ttCenterPositioning .ttcp-main-photo img{
border-radius:23px;
}
#ttCenterPositioning .ttcp-main-photo-foot{
min-height:49px;
padding:
10px 9px 2px;
}
#ttCenterPositioning .ttcp-photo-caption-icon{
width:29px;
height:29px;
border-radius:9px;
}
#ttCenterPositioning .ttcp-photo-caption strong{
font-size:10.5px;
}
#ttCenterPositioning .ttcp-photo-caption small{
font-size:8.5px;
}
#ttCenterPositioning .ttcp-photo-index{
min-width:34px;
min-height:22px;
display:grid;
place-items:center;
border:
1px solid
rgba(24,39,80,.07);
border-radius:999px;
background:
#fff;
font-size:8.5px;
}
#ttCenterPositioning .ttcp-secondary-media{
margin-top:12px;
grid-template-columns:
1.12fr .78fr;
gap:12px;
}
#ttCenterPositioning .ttcp-secondary-photo{
padding:5px;
border:
1px solid
rgba(24,39,80,.08);
box-shadow:
0 13px 32px
rgba(31,43,77,.05);
transition:
transform .24s ease,
box-shadow .24s ease;
}
#ttCenterPositioning .ttcp-secondary-photo:hover{
transform:
translateY(-3px);
box-shadow:
0 18px 38px
rgba(31,43,77,.075);
}
#ttCenterPositioning .ttcp-secondary-photo.first{
border-radius:23px;
}
#ttCenterPositioning .ttcp-secondary-photo.second{
margin-top:30px;
border-radius:21px;
}
#ttCenterPositioning .ttcp-secondary-photo-inner{
border-radius:18px;
}
#ttCenterPositioning .ttcp-secondary-photo img{
border-radius:18px;
}
#ttCenterPositioning .ttcp-floating-detail{
left:28px;
top:278px;
width:132px;
padding:6px;
border-radius:22px;
border:
1px solid
rgba(85,127,115,.15);
box-shadow:
0 20px 46px
rgba(31,43,77,.13);
transform:
rotate(-2.5deg);
transition:
transform .25s ease,
box-shadow .25s ease;
}
#ttCenterPositioning .ttcp-floating-detail:hover{
transform:
rotate(0deg)
translateY(-3px);
box-shadow:
0 24px 52px
rgba(31,43,77,.16);
}
#ttCenterPositioning .ttcp-floating-detail img{
border-radius:16px;
}
#ttCenterPositioning .ttcp-floating-label{
padding:
7px 3px 3px;
font-size:8px;
}
#ttCenterPositioning .ttcp-coordinate{
font-size:8.5px;
letter-spacing:1.2px;
}
#ttCenterPositioning .ttcp-coordinate.one{
left:32px;
bottom:20px;
}
#ttCenterPositioning .ttcp-coordinate.two{
right:31px;
bottom:20px;
}
@media(min-width:761px){
#ttCenterPositioning .ttcp-copy,
#ttCenterPositioning .ttcp-media{
animation:
ttcpEditorialIn .65s
cubic-bezier(.2,.75,.2,1)
both;
}
#ttCenterPositioning .ttcp-media{
animation-delay:.08s;
}
@keyframes ttcpEditorialIn{
from{
opacity:0;
transform:
translateY(12px);
}
to{
opacity:1;
transform:none;
}
}
}
@media(max-width:1180px) and (min-width:761px){
#ttCenterPositioning .ttcp-shell{
grid-template-columns:
minmax(0,.92fr)
minmax(470px,1.08fr);
gap:15px;
}
#ttCenterPositioning .ttcp-copy{
padding:
37px 28px 32px;
}
#ttCenterPositioning h2{
font-size:
clamp(
36px,
4vw,
48px
);
}
#ttCenterPositioning .ttcp-main-copy{
font-size:15px;
}
#ttCenterPositioning .ttcp-media{
min-height:640px;
}
#ttCenterPositioning .ttcp-principles{
grid-template-columns:1fr;
}
#ttCenterPositioning .ttcp-principle{
min-height:68px;
display:grid;
grid-template-columns:
38px minmax(0,1fr);
grid-template-rows:
auto auto;
column-gap:10px;
align-items:center;
}
#ttCenterPositioning .ttcp-principle-icon{
grid-row:
1 / span 2;
margin:0;
}
#ttCenterPositioning .ttcp-principle strong,
#ttCenterPositioning .ttcp-principle small{
grid-column:2;
}
#ttCenterPositioning .ttcp-floating-detail{
width:105px;
}
}
@media(max-width:760px){
#ttCenterPositioning{
padding:
34px 0 56px;
}
#ttCenterPositioning .ttcp-container{
width:
calc(100% - 12px);
}
#ttCenterPositioning .ttcp-chapter{
margin-bottom:10px;
padding:
0 2px;
}
#ttCenterPositioning .ttcp-chapter-main{
min-height:31px;
padding:
0 10px;
font-size:8.5px;
}
#ttCenterPositioning .ttcp-chapter-line{
width:34px;
}
#ttCenterPositioning .ttcp-chapter-index{
min-width:42px;
min-height:31px;
font-size:8.5px;
}
#ttCenterPositioning .ttcp-shell{
gap:8px;
padding:8px;
border-radius:30px;
box-shadow:
0 22px 58px
rgba(31,43,77,.07);
}
#ttCenterPositioning .ttcp-mobile-bar{
min-height:58px;
padding:
8px 7px 9px;
}
#ttCenterPositioning .ttcp-mobile-bar-icon{
width:40px;
height:40px;
border-radius:13px;
}
#ttCenterPositioning .ttcp-mobile-bar-copy strong{
font-size:12.5px;
}
#ttCenterPositioning .ttcp-mobile-bar-copy small{
font-size:9px;
}
#ttCenterPositioning .ttcp-mobile-bar-tag{
min-height:29px;
padding:
0 9px;
font-size:8px;
}
#ttCenterPositioning .ttcp-media{
padding:9px;
border-radius:24px;
min-height:0;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.65),
0 10px 30px rgba(31,43,77,.035);
}
#ttCenterPositioning .ttcp-media::before,
#ttCenterPositioning .ttcp-media::after{
display:none;
}
#ttCenterPositioning .ttcp-media-top{
min-height:38px;
margin:
0 4px 7px;
}
#ttCenterPositioning .ttcp-media-title strong{
font-size:10.5px;
}
#ttCenterPositioning .ttcp-media-title span{
min-height:21px;
font-size:7px;
}
#ttCenterPositioning .ttcp-media-hand{
font-size:14px;
}
#ttCenterPositioning .ttcp-main-photo{
padding:5px;
border-radius:24px;
box-shadow:
0 12px 30px
rgba(31,43,77,.065);
}
#ttCenterPositioning .ttcp-main-photo-inner,
#ttCenterPositioning .ttcp-main-photo img{
border-radius:19px;
}
#ttCenterPositioning .ttcp-main-photo-foot{
min-height:42px;
padding:
8px 6px 0;
}
#ttCenterPositioning .ttcp-secondary-media{
margin-top:7px;
display:flex;
gap:7px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none;
}
#ttCenterPositioning
.ttcp-secondary-media::-webkit-scrollbar{
display:none;
}
#ttCenterPositioning .ttcp-secondary-photo{
width:72%;
min-width:72%;
flex:0 0 auto;
padding:4px;
border-radius:18px !important;
}
#ttCenterPositioning .ttcp-secondary-photo.second{
margin-top:0;
}
#ttCenterPositioning .ttcp-secondary-photo-inner,
#ttCenterPositioning .ttcp-secondary-photo img{
border-radius:14px;
}
#ttCenterPositioning .ttcp-copy{
padding:
22px 16px 17px;
border-radius:24px;
box-shadow:
inset 0 1px 0
rgba(255,255,255,.72);
}
#ttCenterPositioning .ttcp-copy::before{
top:21px;
width:4px;
height:92px;
}
#ttCenterPositioning .ttcp-copy::after{
top:14px;
left:17px;
width:52px;
}
#ttCenterPositioning .ttcp-label{
min-height:29px;
margin-bottom:10px;
font-size:9px;
}
#ttCenterPositioning h2{
font-size:
clamp(
29px,
8.3vw,
35px
);
line-height:1.43;
}
#ttCenterPositioning .ttcp-main-copy{
margin-top:10px;
font-size:14px;
line-height:2.05;
}
#ttCenterPositioning .ttcp-hand-note{
margin-top:15px;
font-size:18px;
}
#ttCenterPositioning .ttcp-principles{
margin-top:17px;
gap:7px;
}
#ttCenterPositioning .ttcp-principle{
min-width:175px;
min-height:102px;
padding:
12px 11px;
border-radius:15px;
}
#ttCenterPositioning .ttcp-principle-icon{
width:30px;
height:30px;
margin-bottom:7px;
}
#ttCenterPositioning .ttcp-principle strong{
font-size:10.5px;
}
#ttCenterPositioning .ttcp-principle small{
font-size:8.7px;
line-height:1.7;
}
#ttCenterPositioning .ttcp-bottom-note{
margin-top:16px;
padding-top:12px;
}
#ttCenterPositioning .ttcp-bottom-note p{
font-size:10.2px;
}
}
@media(max-width:390px){
#ttCenterPositioning h2{
font-size:
clamp(
27px,
8.6vw,
32px
);
}
#ttCenterPositioning .ttcp-main-copy{
font-size:13.5px;
}
#ttCenterPositioning .ttcp-secondary-photo{
width:78%;
min-width:78%;
}
#ttCenterPositioning .ttcp-principle{
min-width:162px;
}
}
#ttCenterPositioning{
--ttcp-bg:#fff8f5;
--ttcp-paper:#fffefd;
--ttcp-paper-warm:#fffaf7;
--ttcp-ink:#17264f;
--ttcp-ink-soft:#304069;
--ttcp-text:#5e6678;
--ttcp-muted:#9198a7;
--ttcp-sage:#527f73;
--ttcp-sage-dark:#3f6f64;
--ttcp-sage-soft:#edf6f2;
--ttcp-sage-pale:#f5faf7;
--ttcp-iris:#6962f2;
--ttcp-iris-soft:#efedff;
--ttcp-peach:#ffd1bf;
--ttcp-peach-soft:#fff0e9;
--ttcp-coral:#df846c;
--ttcp-max:1360px;
padding:
76px 0 94px;
background:
radial-gradient(
circle at 91% 10%,
rgba(255,210,193,.30),
transparent 23%
),
radial-gradient(
circle at 7% 87%,
rgba(222,216,255,.24),
transparent 25%
),
linear-gradient(
180deg,
#fff8f5 0%,
#fbfaf7 48%,
#f9fbf9 100%
);
}
#ttCenterPositioning .ttcp-hand,
#ttCenterPositioning .ttcp-hand *,
#ttCenterPositioning .ttcp-hand-note,
#ttCenterPositioning .ttcp-hand-subnote,
#ttCenterPositioning .ttcp-media-hand,
#ttCenterPositioning .ttcp-space-script{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttCenterPositioning .ttcp-chapter-main{
border-color:
rgba(105,98,242,.08);
background:
linear-gradient(
145deg,
rgba(255,255,255,.84),
rgba(250,248,255,.70)
);
}
#ttCenterPositioning .ttcp-chapter-index{
border-color:
rgba(105,98,242,.09);
background:
linear-gradient(
145deg,
rgba(255,255,255,.86),
rgba(248,246,255,.72)
);
}
#ttCenterPositioning .ttcp-shell{
border-color:
rgba(105,98,242,.10);
background:
linear-gradient(
180deg,
rgba(255,255,255,.94),
rgba(255,255,255,.86)
);
box-shadow:
0 42px 110px
rgba(35,42,90,.065),
0 13px 34px
rgba(35,42,90,.027);
}
#ttCenterPositioning .ttcp-shell::before{
background:
linear-gradient(
90deg,
var(--ttcp-sage-soft),
var(--ttcp-iris-soft),
var(--ttcp-peach-soft)
);
}
#ttCenterPositioning .ttcp-copy{
isolation:isolate;
border-color:
rgba(105,98,242,.07);
background:
radial-gradient(
circle at 90% 11%,
rgba(105,98,242,.045),
transparent 18%
),
radial-gradient(
circle at 7% 92%,
rgba(255,215,201,.24),
transparent 22%
),
linear-gradient(
145deg,
#fff,
#fffdfa
);
box-shadow:
0 17px 44px
rgba(35,42,90,.03);
}
#ttCenterPositioning .ttcp-copy::before{
background:
linear-gradient(
180deg,
var(--ttcp-sage),
rgba(105,98,242,.60)
);
}
#ttCenterPositioning .ttcp-copy-micro{
position:absolute;
z-index:2;
left:34px;
top:78px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(23,38,79,.27);
font-family:
Arial,
sans-serif;
font-size:6.4px;
font-weight:900;
letter-spacing:1.2px;
pointer-events:none;
}
#ttCenterPositioning .ttcp-copy-micro i{
width:26px;
height:1px;
background:
rgba(223,132,108,.34);
}
#ttCenterPositioning .ttcp-copy-micro b{
color:
rgba(23,38,79,.12);
font-size:15px;
line-height:1;
letter-spacing:-1px;
}
#ttCenterPositioning .ttcp-copy-dotgrid{
position:absolute;
z-index:1;
left:31px;
top:125px;
display:grid;
grid-template-columns:
repeat(4,4px);
gap:6px;
pointer-events:none;
}
#ttCenterPositioning .ttcp-copy-dotgrid i{
width:4px;
height:4px;
border-radius:50%;
background:
rgba(23,38,79,.10);
}
#ttCenterPositioning .ttcp-copy-curve{
position:absolute;
z-index:1;
left:22px;
bottom:71px;
width:92px;
color:
rgba(105,98,242,.16);
transform:
rotate(-8deg);
pointer-events:none;
}
#ttCenterPositioning .ttcp-label{
border-color:
rgba(105,98,242,.08);
background:
linear-gradient(
145deg,
rgba(237,246,242,.96),
rgba(244,242,255,.80)
);
}
#ttCenterPositioning .ttcp-title-accent::after{
background:
linear-gradient(
90deg,
rgba(82,127,115,.10),
rgba(105,98,242,.07)
);
}
#ttCenterPositioning .ttcp-hand-note{
position:relative;
z-index:5;
margin-top:21px;
padding:
3px 10px 7px;
color:
rgba(88,79,208,.72);
border-radius:10px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.94),
rgba(239,235,255,.10)
);
transform:
rotate(-2deg);
}
#ttCenterPositioning .ttcp-hand-note::after{
border-bottom-color:
rgba(105,98,242,.25);
}
#ttCenterPositioning .ttcp-hand-subnote{
position:relative;
z-index:5;
display:inline-block;
width:max-content;
max-width:100%;
margin:
6px 26px 0 0;
padding:
2px 8px 5px;
color:
rgba(82,127,115,.70);
font-size:16px;
line-height:1.05;
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(237,246,242,.92),
rgba(237,246,242,.08)
);
transform:
rotate(1.5deg);
}
#ttCenterPositioning .ttcp-principle{
overflow:hidden;
border-color:
rgba(23,38,79,.07);
background:
linear-gradient(
145deg,
#fff,
#fffdfa
);
}
#ttCenterPositioning .ttcp-principle:nth-child(1){
background:
linear-gradient(
145deg,
#fff,
#f5faf8
);
}
#ttCenterPositioning .ttcp-principle:nth-child(2){
background:
linear-gradient(
145deg,
#fff,
#f7f5ff
);
}
#ttCenterPositioning .ttcp-principle:nth-child(3){
background:
linear-gradient(
145deg,
#fff,
#fff6f1
);
}
#ttCenterPositioning .ttcp-principle::after{
content:"";
position:absolute;
left:12px;
bottom:11px;
width:21px;
height:1px;
background:
rgba(105,98,242,.12);
}
#ttCenterPositioning .ttcp-media{
isolation:isolate;
border-color:
rgba(105,98,242,.09);
background:
radial-gradient(
circle at 88% 12%,
rgba(255,209,192,.44),
transparent 19%
),
radial-gradient(
circle at 12% 87%,
rgba(222,216,255,.46),
transparent 23%
),
linear-gradient(
145deg,
#edf6f2 0%,
#f2efff 51%,
#fff1e9 100%
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.45),
0 19px 48px
rgba(50,57,118,.042);
}
#ttCenterPositioning .ttcp-space-label{
position:absolute;
z-index:6;
right:31px;
top:77px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(23,38,79,.29);
font-family:
Arial,
sans-serif;
font-size:6.4px;
font-weight:900;
letter-spacing:1.25px;
pointer-events:none;
}
#ttCenterPositioning .ttcp-space-label i{
width:27px;
height:1px;
background:
rgba(223,132,108,.34);
}
#ttCenterPositioning .ttcp-space-label strong{
color:
rgba(23,38,79,.13);
font-size:15px;
line-height:1;
letter-spacing:-1px;
}
#ttCenterPositioning .ttcp-space-dotgrid{
position:absolute;
z-index:2;
left:29px;
top:104px;
display:grid;
grid-template-columns:
repeat(4,4px);
gap:6px;
pointer-events:none;
}
#ttCenterPositioning .ttcp-space-dotgrid i{
width:4px;
height:4px;
border-radius:50%;
background:
rgba(23,38,79,.11);
}
#ttCenterPositioning .ttcp-space-script{
position:absolute;
z-index:7;
left:29px;
bottom:92px;
padding:
3px 9px 7px;
color:
rgba(88,79,208,.68);
font-size:19px;
line-height:1;
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.93),
rgba(239,235,255,.08)
);
transform:
rotate(-4deg);
pointer-events:none;
}
#ttCenterPositioning .ttcp-space-script::after{
content:"";
display:block;
width:60px;
height:11px;
margin:
-2px auto 0;
border-bottom:
1px solid
rgba(105,98,242,.23);
border-radius:50%;
}
#ttCenterPositioning .ttcp-space-curve{
position:absolute;
z-index:2;
left:19px;
bottom:57px;
width:94px;
color:
rgba(105,98,242,.18);
transform:
rotate(-7deg);
pointer-events:none;
}
#ttCenterPositioning .ttcp-space-orbit{
position:absolute;
z-index:2;
width:8px;
height:8px;
border:
1px solid
rgba(105,98,242,.23);
border-radius:50%;
pointer-events:none;
}
#ttCenterPositioning .ttcp-space-orbit::after{
content:"";
position:absolute;
inset:2px;
border-radius:50%;
background:
rgba(105,98,242,.40);
}
#ttCenterPositioning .ttcp-space-orbit.d1{
left:21%;
top:22%;
}
#ttCenterPositioning .ttcp-space-orbit.d2{
right:17%;
bottom:22%;
}
#ttCenterPositioning .ttcp-media-hand{
flex:0 0 auto;
padding:
2px 8px 6px;
color:
rgba(88,79,208,.67);
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.91),
rgba(239,235,255,.08)
);
transform:
rotate(-2deg);
}
#ttCenterPositioning .ttcp-main-photo{
border-color:
rgba(23,38,79,.09);
background:
rgba(255,255,255,.94);
box-shadow:
0 18px 45px
rgba(35,42,90,.065),
0 0 0 5px
rgba(255,255,255,.20);
}
#ttCenterPositioning .ttcp-main-photo-inner,
#ttCenterPositioning .ttcp-main-photo img{
border-radius:23px;
}
#ttCenterPositioning .ttcp-secondary-photo{
border-color:
rgba(23,38,79,.075);
background:
rgba(255,255,255,.95);
box-shadow:
0 12px 31px
rgba(35,42,90,.04);
}
#ttCenterPositioning .ttcp-floating-detail{
border-color:
rgba(105,98,242,.10);
box-shadow:
0 16px 36px
rgba(35,42,90,.10);
}
#ttCenterPositioning .ttcp-mobile-state-rail{
display:none;
}
#ttCenterPositioning .ttcp-mobile-bar{
display:none !important;
}
@media(max-width:760px){
#ttCenterPositioning{
padding:
30px 0 51px;
background:
radial-gradient(
circle at 92% 7%,
rgba(255,211,195,.20),
transparent 20%
),
linear-gradient(
180deg,
#fff8f5,
#fafcf9 56%,
#fff9f6
);
}
#ttCenterPositioning .ttcp-container{
width:
calc(100% - 12px);
}
#ttCenterPositioning .ttcp-bg-orbit,
#ttCenterPositioning .ttcp-mobile-bar{
display:none !important;
}
#ttCenterPositioning .ttcp-chapter{
margin-bottom:10px;
padding:
0 4px;
}
#ttCenterPositioning .ttcp-chapter-main{
min-height:30px;
padding:
0 10px;
font-size:8px;
}
#ttCenterPositioning .ttcp-chapter-line{
width:30px;
}
#ttCenterPositioning .ttcp-chapter-index{
min-width:39px;
min-height:30px;
padding:
0 8px;
font-size:8px;
}
#ttCenterPositioning .ttcp-shell{
display:flex;
flex-direction:column;
gap:7px;
padding:7px;
overflow:hidden;
border-radius:28px;
box-shadow:
0 20px 50px
rgba(35,42,90,.055);
}
#ttCenterPositioning .ttcp-shell::before{
right:43px;
width:114px;
height:4px;
}
#ttCenterPositioning .ttcp-shell::after{
left:28px;
width:71px;
height:4px;
}
#ttCenterPositioning .ttcp-media{
order:1;
min-height:0;
padding:8px;
border-radius:22px;
background:
radial-gradient(
circle at 89% 12%,
rgba(255,209,192,.32),
transparent 17%
),
radial-gradient(
circle at 11% 88%,
rgba(222,216,255,.38),
transparent 21%
),
linear-gradient(
145deg,
#f0f7f3,
#f1edff 60%,
#fff3ed
);
}
#ttCenterPositioning .ttcp-media::before,
#ttCenterPositioning .ttcp-media::after{
display:none;
}
#ttCenterPositioning .ttcp-media-orbit,
#ttCenterPositioning .ttcp-media-rail,
#ttCenterPositioning .ttcp-space-dotgrid,
#ttCenterPositioning .ttcp-space-curve,
#ttCenterPositioning .ttcp-space-orbit{
display:none !important;
}
#ttCenterPositioning .ttcp-mobile-state-rail{
min-height:45px;
margin:
0 2px 7px;
padding:
5px 7px;
display:grid;
grid-template-columns:
34px minmax(0,1fr) auto;
gap:8px;
align-items:center;
border:
1px solid
rgba(105,98,242,.075);
border-radius:13px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.84),
rgba(248,246,255,.76)
);
box-shadow:
0 7px 19px
rgba(40,44,94,.025);
}
#ttCenterPositioning .ttcp-mobile-state-index{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
color:#fff;
background:
linear-gradient(
145deg,
#7169f4,
#5e58df
);
font-family:
Arial,
sans-serif;
font-size:11px;
font-weight:900;
}
#ttCenterPositioning .ttcp-mobile-state-copy{
min-width:0;
}
#ttCenterPositioning .ttcp-mobile-state-copy strong{
display:block;
color:var(--ttcp-ink);
font-size:10.5px;
line-height:1.4;
font-weight:900;
}
#ttCenterPositioning .ttcp-mobile-state-copy small{
display:block;
margin-top:1px;
color:var(--ttcp-muted);
font-family:
Arial,
sans-serif;
font-size:5.3px;
font-weight:800;
letter-spacing:.7px;
}
#ttCenterPositioning .ttcp-mobile-state-live{
min-height:26px;
padding:
0 7px;
display:flex;
align-items:center;
gap:5px;
border-radius:999px;
color:var(--ttcp-sage-dark);
background:
rgba(237,246,242,.92);
font-size:7px;
font-weight:850;
}
#ttCenterPositioning .ttcp-mobile-state-live i{
width:6px;
height:6px;
border-radius:50%;
background:
var(--ttcp-sage);
}
#ttCenterPositioning .ttcp-space-label{
right:14px;
top:61px;
font-size:4.9px;
letter-spacing:.8px;
}
#ttCenterPositioning .ttcp-space-label i{
width:16px;
}
#ttCenterPositioning .ttcp-space-label strong{
font-size:10px;
}
#ttCenterPositioning .ttcp-space-script{
display:none;
}
#ttCenterPositioning .ttcp-corner{
width:31px;
height:31px;
}
#ttCenterPositioning .ttcp-corner.top{
top:7px;
right:7px;
}
#ttCenterPositioning .ttcp-corner.bottom{
left:7px;
bottom:7px;
}
#ttCenterPositioning .ttcp-media-top{
min-height:34px;
margin:
0 3px 6px;
}
#ttCenterPositioning .ttcp-media-title strong{
font-size:10px;
}
#ttCenterPositioning .ttcp-media-title span{
min-height:20px;
padding:
0 7px;
font-size:7px;
}
#ttCenterPositioning .ttcp-media-hand{
padding:
1px 5px 4px;
font-size:13.5px;
transform:
rotate(-1.5deg);
}
#ttCenterPositioning .ttcp-main-photo{
padding:5px;
border-radius:22px;
box-shadow:
0 9px 24px
rgba(35,42,90,.06);
}
#ttCenterPositioning .ttcp-main-photo:hover{
transform:none;
}
#ttCenterPositioning .ttcp-main-photo-inner,
#ttCenterPositioning .ttcp-main-photo img{
border-radius:17px;
}
#ttCenterPositioning .ttcp-main-photo-foot{
min-height:39px;
padding:
7px 4px 0;
}
#ttCenterPositioning .ttcp-photo-caption-icon{
width:22px;
height:22px;
border-radius:7px;
}
#ttCenterPositioning .ttcp-photo-caption strong{
font-size:8.8px;
}
#ttCenterPositioning .ttcp-photo-caption small{
font-size:6.8px;
}
#ttCenterPositioning .ttcp-photo-index{
min-width:29px;
min-height:20px;
font-size:7px;
}
#ttCenterPositioning .ttcp-secondary-media{
margin-top:6px;
display:flex;
gap:6px;
overflow-x:auto;
padding-bottom:2px;
scroll-snap-type:
x proximity;
overscroll-behavior-inline:
contain;
scrollbar-width:none;
}
#ttCenterPositioning .ttcp-secondary-media::-webkit-scrollbar{
display:none;
}
#ttCenterPositioning .ttcp-secondary-photo{
width:72%;
min-width:72%;
flex:0 0 auto;
padding:4px;
border-radius:15px !important;
scroll-snap-align:start;
}
#ttCenterPositioning .ttcp-secondary-photo.second{
margin-top:0;
}
#ttCenterPositioning .ttcp-secondary-photo:hover{
transform:none;
}
#ttCenterPositioning .ttcp-secondary-photo-inner,
#ttCenterPositioning .ttcp-secondary-photo img{
border-radius:11px;
}
#ttCenterPositioning .ttcp-floating-detail,
#ttCenterPositioning .ttcp-coordinate{
display:none;
}
#ttCenterPositioning .ttcp-copy{
order:2;
padding:
18px 14px 15px;
border-radius:22px;
box-shadow:none;
}
#ttCenterPositioning .ttcp-copy::before{
top:18px;
width:4px;
height:82px;
}
#ttCenterPositioning .ttcp-copy::after{
top:12px;
left:15px;
width:44px;
}
#ttCenterPositioning .ttcp-copy-micro,
#ttCenterPositioning .ttcp-copy-dotgrid,
#ttCenterPositioning .ttcp-copy-curve{
display:none;
}
#ttCenterPositioning .ttcp-watermark{
width:72px;
left:7px;
bottom:7px;
}
#ttCenterPositioning .ttcp-label{
min-height:27px;
margin-bottom:8px;
padding:
0 9px;
font-size:8.5px;
}
#ttCenterPositioning h2{
max-width:none;
font-size:
clamp(
27px,
7.8vw,
33px
);
line-height:1.46;
letter-spacing:-.5px;
}
#ttCenterPositioning .ttcp-main-copy{
margin-top:8px;
font-size:13.5px;
line-height:1.98;
}
#ttCenterPositioning .ttcp-hand-note{
width:max-content;
max-width:100%;
margin:
12px 0 0;
padding:
3px 9px 6px;
font-size:16px;
transform:
rotate(-1.5deg);
}
#ttCenterPositioning .ttcp-hand-note::after{
width:76px;
height:11px;
}
#ttCenterPositioning .ttcp-hand-subnote{
display:inline-block;
margin:
5px 18px 0 0;
padding:
2px 7px 5px;
font-size:13.5px;
transform:
rotate(1deg);
}
#ttCenterPositioning .ttcp-principles{
margin-top:14px;
display:flex;
gap:6px;
overflow-x:auto;
padding-bottom:2px;
scroll-snap-type:
x proximity;
overscroll-behavior-inline:
contain;
scrollbar-width:none;
}
#ttCenterPositioning .ttcp-principles::-webkit-scrollbar{
display:none;
}
#ttCenterPositioning .ttcp-principle{
min-width:166px;
min-height:91px;
flex:0 0 auto;
display:block;
padding:
11px 10px;
border-radius:13px;
scroll-snap-align:start;
}
#ttCenterPositioning .ttcp-principle:hover{
transform:none;
}
#ttCenterPositioning .ttcp-principle-icon{
width:27px;
height:27px;
margin-bottom:6px;
border-radius:8px;
}
#ttCenterPositioning .ttcp-principle strong{
font-size:9.8px;
}
#ttCenterPositioning .ttcp-principle small{
margin-top:2px;
font-size:8px;
line-height:1.6;
}
#ttCenterPositioning .ttcp-bottom-note{
margin-top:13px;
padding-top:10px;
gap:7px;
}
#ttCenterPositioning .ttcp-bottom-note-icon{
width:26px;
height:26px;
border-radius:8px;
}
#ttCenterPositioning .ttcp-bottom-note p{
font-size:9.5px;
line-height:1.78;
}
}
@media(max-width:390px){
#ttCenterPositioning{
padding:
27px 0 46px;
}
#ttCenterPositioning .ttcp-chapter-main{
font-size:7.4px;
}
#ttCenterPositioning .ttcp-mobile-state-live{
display:none;
}
#ttCenterPositioning .ttcp-mobile-state-rail{
grid-template-columns:
33px minmax(0,1fr);
}
#ttCenterPositioning .ttcp-media-hand{
display:none;
}
#ttCenterPositioning .ttcp-main-copy{
font-size:13px;
}
#ttCenterPositioning .ttcp-hand-note{
font-size:15px;
}
#ttCenterPositioning .ttcp-hand-subnote{
font-size:12.5px;
}
#ttCenterPositioning .ttcp-principle{
min-width:155px;
}
}
@media(max-width:760px){
#ttCenterPositioning .ttcp-mobile-bar{
display:none !important;
position:static !important;
}
}
@media(prefers-reduced-motion:reduce){
#ttCenterPositioning .ttcp-space-script,
#ttCenterPositioning .ttcp-space-curve,
#ttCenterPositioning .ttcp-space-orbit,
#ttCenterPositioning .ttcp-hand-subnote{
animation:none !important;
transition:none !important;
}
}
#ttCenterPositioning .ttcp-hand-note,
#ttCenterPositioning .ttcp-hand-subnote{
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif !important;
font-style:normal !important;
transform:none !important;
}
#ttCenterPositioning .ttcp-hand-note{
min-height:34px;
margin:
18px 0 0 !important;
padding:
7px 11px !important;
display:inline-flex;
align-items:center;
gap:7px;
color:
var(--ttcp-sage-dark) !important;
border:
1px solid
rgba(85,127,115,.15);
border-radius:
11px !important;
background:
linear-gradient(
145deg,
#edf6f2,
#f8fbfa
) !important;
font-size:
11px !important;
line-height:
1.55 !important;
font-weight:
900 !important;
box-shadow:
none !important;
}
#ttCenterPositioning .ttcp-hand-note::before{
content:"";
width:7px;
height:7px;
flex:0 0 auto;
border-radius:50%;
background:
var(--ttcp-sage);
box-shadow:
0 0 0 4px
rgba(85,127,115,.08);
}
#ttCenterPositioning .ttcp-hand-note::after{
display:none !important;
}
#ttCenterPositioning .ttcp-hand-subnote{
display:block !important;
width:auto !important;
max-width:520px !important;
margin:
6px 0 0 !important;
padding:
0 !important;
color:
#76808d !important;
background:
transparent !important;
border:0 !important;
border-radius:0 !important;
font-size:
10.5px !important;
line-height:
1.8 !important;
font-weight:
650 !important;
}
#ttCenterPositioning .ttcp-media-hand,
#ttCenterPositioning .ttcp-space-script{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttCenterPositioning .ttcp-copy{
border-color:
rgba(85,127,115,.11) !important;
}
#ttCenterPositioning .ttcp-media{
border-color:
rgba(105,98,242,.11) !important;
}
#ttCenterPositioning .ttcp-bottom-note{
padding:
13px !important;
border:
1px solid
rgba(85,127,115,.11) !important;
border-radius:
14px;
background:
linear-gradient(
145deg,
#f5faf7,
#ffffff
);
}
#ttCenterPositioning .ttcp-bottom-note p{
color:
#737d8b !important;
}
@media(max-width:760px){
#ttCenterPositioning{
padding:
29px 0 48px !important;
background:
radial-gradient(
circle at 92% 7%,
rgba(255,211,195,.20),
transparent 20%
),
radial-gradient(
circle at 8% 90%,
rgba(222,216,255,.18),
transparent 24%
),
linear-gradient(
180deg,
#fff8f5 0%,
#fafcf9 56%,
#fff9f6 100%
) !important;
border-top:
1px solid
rgba(213,129,106,.12);
border-bottom:
1px solid
rgba(105,98,242,.08);
}
#ttCenterPositioning .ttcp-container{
width:
calc(100% - 14px) !important;
}
#ttCenterPositioning .ttcp-chapter{
margin-bottom:
10px !important;
padding:
0 2px !important;
}
#ttCenterPositioning .ttcp-chapter-main{
min-height:
31px !important;
padding:
0 10px !important;
border:
1px solid
rgba(85,127,115,.12) !important;
background:
rgba(255,255,255,.70) !important;
font-size:
8px !important;
}
#ttCenterPositioning .ttcp-chapter-index{
min-width:
40px !important;
min-height:
31px !important;
padding:
0 8px !important;
border:
1px solid
rgba(105,98,242,.10) !important;
background:
rgba(255,255,255,.70) !important;
}
#ttCenterPositioning .ttcp-shell{
gap:
8px !important;
padding:
7px !important;
border:
1px solid
rgba(87,97,138,.10) !important;
border-radius:
25px !important;
background:
rgba(244,243,247,.74) !important;
box-shadow:
0 14px 34px
rgba(35,42,90,.05) !important;
}
#ttCenterPositioning .ttcp-shell::before,
#ttCenterPositioning .ttcp-shell::after{
display:none !important;
}
#ttCenterPositioning .ttcp-mobile-state-rail{
min-height:
48px !important;
margin:
0 0 8px !important;
padding:
6px 7px !important;
border:
1px solid
rgba(105,98,242,.10) !important;
border-radius:
14px !important;
background:
linear-gradient(
145deg,
rgba(255,255,255,.92),
rgba(246,244,255,.84)
) !important;
box-shadow:
0 5px 14px
rgba(40,44,94,.025) !important;
}
#ttCenterPositioning .ttcp-mobile-state-index{
width:
35px !important;
height:
35px !important;
border-radius:
10px !important;
background:
linear-gradient(
145deg,
#7169f4,
#5e58df
) !important;
box-shadow:
0 6px 13px
rgba(74,68,172,.16);
}
#ttCenterPositioning .ttcp-mobile-state-copy strong{
font-size:
11px !important;
}
#ttCenterPositioning .ttcp-mobile-state-copy small{
margin-top:
2px !important;
color:
#969bab !important;
font-size:
5.4px !important;
}
#ttCenterPositioning .ttcp-mobile-state-live{
min-height:
27px !important;
padding:
0 8px !important;
border:
1px solid
rgba(85,127,115,.10);
background:
#edf6f2 !important;
}
#ttCenterPositioning .ttcp-media{
order:
1 !important;
padding:
8px !important;
border:
1px solid
rgba(105,98,242,.12) !important;
border-radius:
20px !important;
background:
radial-gradient(
circle at 90% 12%,
rgba(255,209,192,.33),
transparent 18%
),
linear-gradient(
145deg,
#f1efff 0%,
#f5f2ff 52%,
#fff4ee 100%
) !important;
box-shadow:
0 7px 18px
rgba(53,49,114,.04) !important;
}
#ttCenterPositioning .ttcp-media-top{
min-height:
37px !important;
margin:
0 0 7px !important;
padding:
6px 7px;
border:
1px solid
rgba(105,98,242,.08);
border-radius:
11px;
background:
rgba(255,255,255,.66);
}
#ttCenterPositioning .ttcp-media-title strong{
font-size:
10.5px !important;
}
#ttCenterPositioning .ttcp-media-title span{
min-height:
21px !important;
padding:
0 7px !important;
border:
1px solid
rgba(85,127,115,.08);
background:
rgba(255,255,255,.72) !important;
}
#ttCenterPositioning .ttcp-media-hand{
padding:
1px 5px 4px !important;
color:
rgba(88,79,208,.62) !important;
background:
transparent !important;
font-size:
13px !important;
transform:
rotate(-1.5deg) !important;
}
#ttCenterPositioning .ttcp-main-photo{
padding:
5px !important;
border:
1px solid
rgba(23,38,79,.075) !important;
border-radius:
21px !important;
background:
rgba(255,255,255,.96) !important;
box-shadow:
0 8px 22px
rgba(35,42,90,.055) !important;
}
#ttCenterPositioning .ttcp-main-photo-inner,
#ttCenterPositioning .ttcp-main-photo img{
border-radius:
16px !important;
}
#ttCenterPositioning .ttcp-main-photo-foot{
min-height:
40px !important;
padding:
7px 4px 0 !important;
}
#ttCenterPositioning .ttcp-photo-caption strong{
font-size:
9px !important;
}
#ttCenterPositioning .ttcp-photo-caption small{
font-size:
7px !important;
}
#ttCenterPositioning .ttcp-secondary-media{
margin-top:
7px !important;
display:grid !important;
grid-template-columns:
1fr 1fr !important;
gap:
6px !important;
overflow:
visible !important;
padding-bottom:
0 !important;
scroll-snap-type:
none !important;
}
#ttCenterPositioning .ttcp-secondary-photo{
width:
auto !important;
min-width:
0 !important;
padding:
4px !important;
border:
1px solid
rgba(23,38,79,.07) !important;
border-radius:
14px !important;
background:
rgba(255,255,255,.94) !important;
box-shadow:
0 5px 13px
rgba(35,42,90,.035) !important;
}
#ttCenterPositioning .ttcp-secondary-photo.second{
margin-top:
0 !important;
}
#ttCenterPositioning .ttcp-secondary-photo-inner,
#ttCenterPositioning .ttcp-secondary-photo img{
border-radius:
10px !important;
}
#ttCenterPositioning .ttcp-copy{
order:
2 !important;
padding:
17px 13px 14px !important;
border:
1px solid
rgba(85,127,115,.12) !important;
border-radius:
20px !important;
background:
#ffffff !important;
box-shadow:
0 7px 18px
rgba(35,55,73,.035) !important;
}
#ttCenterPositioning .ttcp-copy::before{
top:
17px !important;
width:
4px !important;
height:
77px !important;
opacity:
.80 !important;
background:
var(--ttcp-sage) !important;
}
#ttCenterPositioning .ttcp-copy::after{
display:none !important;
}
#ttCenterPositioning .ttcp-watermark,
#ttCenterPositioning .ttcp-copy-micro,
#ttCenterPositioning .ttcp-copy-dotgrid,
#ttCenterPositioning .ttcp-copy-curve{
display:none !important;
}
#ttCenterPositioning .ttcp-label{
min-height:
28px !important;
margin-bottom:
9px !important;
padding:
0 9px !important;
border:
1px solid
rgba(85,127,115,.10) !important;
background:
var(--ttcp-sage-soft) !important;
font-size:
9px !important;
}
#ttCenterPositioning h2{
font-size:
clamp(
26px,
7.5vw,
32px
) !important;
line-height:
1.45 !important;
}
#ttCenterPositioning .ttcp-main-copy{
margin-top:
8px !important;
color:
#626b7c !important;
font-size:
13.5px !important;
line-height:
1.98 !important;
}
#ttCenterPositioning .ttcp-hand-note{
width:
100% !important;
min-height:
38px !important;
margin:
11px 0 0 !important;
padding:
8px 10px !important;
border:
1px solid
rgba(85,127,115,.13) !important;
border-radius:
12px !important;
background:
linear-gradient(
145deg,
#edf6f2,
#f9fcfb
) !important;
font-size:
10.5px !important;
line-height:
1.6 !important;
}
#ttCenterPositioning .ttcp-hand-subnote{
margin:
5px 3px 0 !important;
color:
#838a97 !important;
font-size:
9.5px !important;
line-height:
1.75 !important;
}
#ttCenterPositioning .ttcp-principles{
margin-top:
13px !important;
display:grid !important;
grid-template-columns:
1fr !important;
gap:
6px !important;
overflow:
visible !important;
padding-bottom:
0 !important;
scroll-snap-type:
none !important;
}
#ttCenterPositioning .ttcp-principle{
width:
100% !important;
min-width:
0 !important;
min-height:
70px !important;
padding:
10px !important;
display:grid !important;
grid-template-columns:
31px minmax(0,1fr) !important;
grid-template-rows:
auto auto !important;
column-gap:
9px !important;
align-items:center !important;
border:
1px solid
rgba(23,38,79,.07) !important;
border-radius:
13px !important;
box-shadow:
none !important;
}
#ttCenterPositioning .ttcp-principle:nth-child(1){
background:
#f1f8f5 !important;
border-color:
rgba(85,127,115,.11) !important;
}
#ttCenterPositioning .ttcp-principle:nth-child(2){
background:
#f3f1ff !important;
border-color:
rgba(105,98,242,.10) !important;
}
#ttCenterPositioning .ttcp-principle:nth-child(3){
background:
#fff4ee !important;
border-color:
rgba(213,129,106,.11) !important;
}
#ttCenterPositioning .ttcp-principle::before,
#ttCenterPositioning .ttcp-principle::after{
display:none !important;
}
#ttCenterPositioning .ttcp-principle-icon{
grid-row:
1 / span 2 !important;
width:
31px !important;
height:
31px !important;
margin:
0 !important;
border-radius:
9px !important;
}
#ttCenterPositioning .ttcp-principle strong,
#ttCenterPositioning .ttcp-principle small{
grid-column:
2 !important;
}
#ttCenterPositioning .ttcp-principle strong{
font-size:
10.2px !important;
}
#ttCenterPositioning .ttcp-principle small{
margin-top:
1px !important;
font-size:
8.5px !important;
line-height:
1.65 !important;
}
#ttCenterPositioning .ttcp-bottom-note{
margin-top:
9px !important;
padding:
9px !important;
gap:
7px !important;
border:
1px solid
rgba(85,127,115,.10) !important;
border-radius:
12px !important;
background:
#f7faf8 !important;
}
#ttCenterPositioning .ttcp-bottom-note-icon{
width:
27px !important;
height:
27px !important;
border-radius:
8px !important;
}
#ttCenterPositioning .ttcp-bottom-note p{
color:
#7a8390 !important;
font-size:
9.5px !important;
line-height:
1.75 !important;
}
#ttCenterPositioning .ttcp-space-script{
display:none !important;
}
#ttCenterPositioning .ttcp-media-hand{
display:inline-block !important;
}
#ttCenterPositioning .ttcp-mobile-bar{
display:none !important;
position:static !important;
}
}
@media(max-width:390px){
#ttCenterPositioning{
padding:
27px 0 45px !important;
}
#ttCenterPositioning .ttcp-shell{
padding:
6px !important;
border-radius:
22px !important;
}
#ttCenterPositioning .ttcp-media,
#ttCenterPositioning .ttcp-copy{
border-radius:
18px !important;
}
#ttCenterPositioning .ttcp-media-hand{
font-size:
12.5px !important;
}
#ttCenterPositioning .ttcp-main-copy{
font-size:
13px !important;
}
#ttCenterPositioning .ttcp-hand-note{
font-size:
10px !important;
}
#ttCenterPositioning .ttcp-hand-subnote{
font-size:
9px !important;
}
}
@media(min-width:768px){
body.page-id-20388 #ttCenterPositioning{
--ttcp-ambient-y:-520px;
position:relative;
isolation:isolate;
overflow:hidden;
padding-top:76px !important;
background-color:#fffaf7 !important;
background-image:
linear-gradient(
to bottom,
rgba(255,250,247,.34) 0px,
rgba(255,250,247,.30) 100px,
rgba(255,250,247,.26) 240px,
rgba(255,250,247,.24) 42%,
rgba(255,250,247,.30) 72%,
rgba(255,250,247,.40) 100%
),
url("") !important;
background-repeat:
no-repeat,
no-repeat !important;
background-size:
100% 100%,
118% auto !important;
background-position:
center top,
right var(--ttcp-ambient-y) !important;
background-attachment:
scroll,
scroll !important;
border-top:0 !important;
box-shadow:none !important;
}
body.page-id-20388 #ttCenterPositioning::before{
content:"" !important;
display:block !important;
position:absolute;
z-index:30;
top:20px;
left:15%;
right:15%;
height:1px;
pointer-events:none;
background:
linear-gradient(
90deg,
transparent 0%,
rgba(105,117,243,.10) 18%,
rgba(79,143,126,.20) 50%,
rgba(213,129,106,.12) 80%,
transparent 100%
) !important;
box-shadow:none !important;
}
body.page-id-20388 #ttCenterPositioning::after{
content:"" !important;
display:block !important;
position:absolute;
z-index:31;
top:17px;
left:50%;
width:7px;
height:7px;
transform:translateX(-50%);
border-radius:50%;
pointer-events:none;
background:
linear-gradient(
135deg,
#6975f3 0%,
#557f73 58%,
#d5816a 100%
) !important;
box-shadow:
0 0 0 4px rgba(255,250,247,.88),
0 0 0 5px rgba(85,127,115,.06) !important;
}
body.page-id-20388 #ttCenterPositioning .ttcp-container,
body.page-id-20388 #ttCenterPositioning .ttcp-chapter{
position:relative;
z-index:2;
}
}
body.page-id-20388 #ttCenterPositioning .ttcp-shell{
background:rgba(255,255,255,.93) !important;
border-color:rgba(85,127,115,.13) !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
body.page-id-20388 #ttCenterPositioning .ttcp-copy{
background:rgba(255,255,255,.98) !important;
}
body.page-id-20388 #ttCenterPositioning .ttcp-chapter-main,
body.page-id-20388 #ttCenterPositioning .ttcp-chapter-index{
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
body.page-id-20388 #ttCenterPositioning img,
body.page-id-20388 #ttCenterPositioning video{
filter:none !important;
opacity:1 !important;
mix-blend-mode:normal !important;
}
body.page-id-20388 #ttCenterPositioning .ttcp-main-photo img,
body.page-id-20388 #ttCenterPositioning .ttcp-secondary-photo img,
body.page-id-20388 #ttCenterPositioning .ttcp-floating-detail img{
object-fit:contain !important;
filter:none !important;
opacity:1 !important;
mix-blend-mode:normal !important;
}
@media(max-width:767px){
body.page-id-20388 #ttCenterPositioning{
position:relative;
isolation:isolate;
overflow:hidden;
padding-top:38px !important;
background-color:#fffaf7 !important;
background-image:
linear-gradient(
to bottom,
rgba(255,250,247,.48) 0%,
rgba(255,250,247,.42) 34%,
rgba(255,250,247,.46) 72%,
rgba(255,250,247,.58) 100%
),
url("") !important;
background-repeat:
no-repeat,
no-repeat !important;
background-size:
100% 100%,
cover !important;
background-position:
center top,
center top !important;
border-top:0 !important;
box-shadow:none !important;
}
body.page-id-20388 #ttCenterPositioning::before{
content:"" !important;
display:block !important;
position:absolute;
z-index:30;
top:12px;
left:10%;
right:10%;
height:1px;
pointer-events:none;
background:
linear-gradient(
90deg,
transparent,
rgba(105,117,243,.10) 28%,
rgba(85,127,115,.16) 54%,
rgba(213,129,106,.08) 80%,
transparent
) !important;
}
body.page-id-20388 #ttCenterPositioning::after{
content:"" !important;
display:block !important;
position:absolute;
z-index:31;
top:9px;
left:50%;
width:6px;
height:6px;
transform:translateX(-50%);
border-radius:50%;
pointer-events:none;
background:#557f73 !important;
box-shadow:
0 0 0 3px rgba(255,250,247,.92) !important;
}
body.page-id-20388 #ttCenterPositioning .ttcp-shell{
background:rgba(255,255,255,.95) !important;
}
body.page-id-20388 #ttCenterPositioning .ttcp-copy{
background:#fff !important;
}
}
#ttCenterPositioning,
body.page-id-20388 #ttCenterPositioning{
background:none !important;
background-color:transparent !important;
background-image:none !important;
background-repeat:no-repeat !important;
background-size:auto !important;
background-position:initial !important;
background-attachment:scroll !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
#ttCenterPositioning::before,
#ttCenterPositioning::after,
body.page-id-20388 #ttCenterPositioning::before,
body.page-id-20388 #ttCenterPositioning::after{
content:none !important;
display:none !important;
background:none !important;
box-shadow:none !important;
}
#ttCenterPositioning .ttcp-bg-orbit{
display:none !important;
background:none !important;
border:0 !important;
}
@media(max-width:767px){
#ttCenterPositioning,
body.page-id-20388 #ttCenterPositioning{
background:none !important;
background-color:transparent !important;
background-image:none !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
}
@media(min-width:768px){
#ttCenterPositioning,
body.page-id-20388 #ttCenterPositioning{
background:none !important;
background-color:transparent !important;
background-image:none !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
}
#ttCenterPositioning{
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#ttCenterPositioning > .ttcp-ambient-layer{
position:absolute;
z-index:0;
pointer-events:none;
top:-90px;
right:0;
bottom:-90px;
left:0;
background-color:#FFFAF7;
background-image:linear-gradient(transparent,transparent);
background-repeat:no-repeat;
background-size:cover;
background-position:center 48%;
}
#ttCenterPositioning > .ttcp-container{
position:relative;
z-index:1;
}
#ttCenterPositioning .ttcp-shell{
background:transparent !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
#ttCenterPositioning .ttcp-copy{
background:rgba(255,255,255,.95) !important;
}
#ttCenterPositioning :is(
.ttcp-main-photo img,
.ttcp-secondary-photo img,
.ttcp-floating-detail img
){
filter:none !important;
opacity:1 !important;
mix-blend-mode:normal !important;
}
@media(max-width:767px){
#ttCenterPositioning{
overflow:visible !important;
background:none !important;
background-image:none !important;
}
#ttCenterPositioning > .ttcp-ambient-layer{
top:-56px;
bottom:-56px;
background-image:linear-gradient(transparent,transparent);
background-size:cover;
background-position:center 48%;
}
#ttCenterPositioning .ttcp-shell{
background:transparent !important;
}
#ttCenterPositioning .ttcp-copy{
background:rgba(255,255,255,.96) !important;
}
}
#ttCenterPositioning {
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#ttCenterPositioning::before,
#ttCenterPositioning::after {
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
#ttCenterPositioning > .ttcp-ambient-layer {
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
top:-100px !important;
right:0 !important;
bottom:-100px !important;
left:0 !important;
background-color:#fffaf7 !important;
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 48% !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
}
#ttCenterPositioning > .ttcp-container {
position:relative !important;
z-index:1 !important;
}
#ttCenterPositioning img,
#ttCenterPositioning video {
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
}
@media(max-width:767px) {
#ttCenterPositioning > .ttcp-ambient-layer {
top:-56px !important;
bottom:-56px !important;
background-image:linear-gradient(transparent,transparent) !important;
background-position:center 48% !important;
background-size:cover !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
}
}
@font-face{
font-family:"TTDanstevis";
src:url("../fonts/danstevis.ttf") format("truetype");
font-weight:400;
font-style:normal;
font-display:swap;
}
#ttDedicatedExperience{
--bg:#fbfaf7;
--paper:#ffffff;
--ink:#17264e;
--ink2:#29385c;
--text:#5d6475;
--muted:#9298a6;
--dark:#141f3f;
--dark2:#1d2d52;
--sage:#508879;
--sage-soft:#eaf5f1;
--iris:#727bed;
--iris-soft:#eff0ff;
--peach:#eeb89d;
--peach-soft:#fff0e8;
--line:rgba(23,38,78,.085);
--max:1360px;
position:relative;
width:100%;
padding:82px 0 100px;
overflow:hidden;
color:var(--text);
background:
radial-gradient(
circle at 90% 10%,
rgba(114,123,237,.05),
transparent 26%
),
radial-gradient(
circle at 5% 88%,
rgba(80,136,121,.055),
transparent 28%
),
linear-gradient(
180deg,
#fffaf7 0%,
#fbfaf7 48%,
#f9fbf9 100%
);
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif;
-webkit-font-smoothing:antialiased;
}
#ttDedicatedExperience *,
#ttDedicatedExperience *::before,
#ttDedicatedExperience *::after{
box-sizing:border-box;
}
#ttDedicatedExperience a{
text-decoration:none;
color:inherit;
}
#ttDedicatedExperience button{
font:inherit;
}
#ttDedicatedExperience video{
display:block;
max-width:100%;
}
#ttDedicatedExperience :focus-visible{
outline:
3px solid
rgba(114,123,237,.30);
outline-offset:3px;
}
#ttDedicatedExperience .ttde-wrap{
width:min(
var(--max),
calc(100% - 32px)
);
margin-inline:auto;
}
#ttDedicatedExperience .ttde-hand,
#ttDedicatedExperience .ttde-hand *{
font-family:"TTDanstevis","Estedad",Tahoma,sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttDedicatedExperience .ttde-orbit{
position:absolute;
border-radius:50%;
pointer-events:none;
}
#ttDedicatedExperience .ttde-orbit.a{
width:470px;
height:470px;
left:-285px;
top:70px;
border:
1px solid
rgba(114,123,237,.08);
}
#ttDedicatedExperience .ttde-orbit.b{
width:300px;
height:300px;
right:-175px;
bottom:20px;
border:
1px solid
rgba(80,136,121,.09);
}
#ttDedicatedExperience .ttde-chapter{
min-height:38px;
margin-bottom:17px;
padding:0 10px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
#ttDedicatedExperience .ttde-chapter-main{
display:flex;
align-items:center;
gap:9px;
color:var(--sage);
font-size:10px;
font-weight:900;
}
#ttDedicatedExperience .ttde-chapter-dot{
position:relative;
width:10px;
height:10px;
border:
1px solid
rgba(80,136,121,.44);
border-radius:50%;
}
#ttDedicatedExperience .ttde-chapter-dot::after{
content:"";
position:absolute;
inset:2px;
border-radius:50%;
background:var(--sage);
}
#ttDedicatedExperience .ttde-chapter-line{
width:90px;
height:1px;
background:
linear-gradient(
90deg,
transparent,
rgba(80,136,121,.28)
);
}
#ttDedicatedExperience .ttde-chapter-note{
display:flex;
align-items:center;
gap:8px;
color:
rgba(23,38,78,.34);
font-size:9px;
font-weight:850;
}
#ttDedicatedExperience .ttde-chapter-note::before{
content:"";
width:30px;
height:1px;
background:
rgba(23,38,78,.11);
}
#ttDedicatedExperience .ttde-shell{
position:relative;
padding:17px;
display:grid;
grid-template-columns:
minmax(0,1.13fr)
minmax(410px,.87fr);
grid-template-areas:
"media copy";
gap:14px;
overflow:hidden;
border:
1px solid
rgba(23,38,78,.09);
border-radius:42px;
background:
rgba(255,255,255,.88);
box-shadow:
0 42px 110px rgba(31,42,77,.075),
0 12px 32px rgba(31,42,77,.03);
direction:ltr;
}
#ttDedicatedExperience .ttde-shell::before{
content:"";
position:absolute;
z-index:30;
top:0;
right:98px;
width:225px;
height:7px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--sage-soft),
var(--iris-soft)
);
}
#ttDedicatedExperience .ttde-shell::after{
content:"";
position:absolute;
z-index:30;
bottom:0;
left:78px;
width:124px;
height:6px;
border-radius:
999px 999px 0 0;
background:var(--peach);
}
#ttDedicatedExperience .ttde-copy{
grid-area:copy;
position:relative;
min-width:0;
overflow:hidden;
padding:
49px 38px 39px;
border-radius:30px;
color:#fff;
background:
radial-gradient(
circle at 10% 13%,
rgba(114,123,237,.17),
transparent 29%
),
radial-gradient(
circle at 95% 85%,
rgba(80,136,121,.15),
transparent 31%
),
repeating-linear-gradient(
135deg,
transparent 0,
transparent 19px,
rgba(255,255,255,.017) 19px,
rgba(255,255,255,.017) 20px
),
linear-gradient(
148deg,
var(--dark),
var(--dark2)
);
direction:rtl;
}
#ttDedicatedExperience .ttde-copy::before{
content:"";
position:absolute;
right:0;
top:49px;
width:5px;
height:158px;
border-radius:
6px 0 0 6px;
background:var(--peach);
opacity:.82;
}
#ttDedicatedExperience .ttde-copy::after{
content:"";
position:absolute;
left:28px;
top:24px;
width:84px;
height:2px;
opacity:.2;
background:
repeating-linear-gradient(
90deg,
#fff 0,
#fff 1px,
transparent 1px,
transparent 11px
);
}
#ttDedicatedExperience .ttde-copy-inner{
position:relative;
z-index:3;
}
#ttDedicatedExperience .ttde-eyebrow{
min-height:31px;
padding:0 11px;
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:16px;
border:
1px solid
rgba(255,255,255,.11);
border-radius:999px;
color:
rgba(255,255,255,.72);
background:
rgba(255,255,255,.05);
font-size:9.5px;
font-weight:850;
}
#ttDedicatedExperience .ttde-eyebrow-dot{
width:7px;
height:7px;
border-radius:50%;
background:var(--peach);
box-shadow:
0 0 0 4px
rgba(238,184,157,.08);
}
#ttDedicatedExperience h2{
max-width:550px;
margin:0;
color:#fff;
font-size:
clamp(
39px,
3.55vw,
56px
);
line-height:1.38;
letter-spacing:-1.35px;
font-weight:950;
}
#ttDedicatedExperience .ttde-title-accent{
position:relative;
display:inline-block;
color:#f7d2c0;
}
#ttDedicatedExperience
.ttde-title-accent::after{
content:"";
position:absolute;
z-index:-1;
right:0;
left:0;
bottom:4px;
height:8px;
border-radius:999px;
background:
rgba(238,184,157,.12);
}
#ttDedicatedExperience .ttde-lead{
max-width:565px;
margin:18px 0 0;
color:
rgba(255,255,255,.74);
font-size:15px;
line-height:2.14;
}
#ttDedicatedExperience .ttde-focus{
position:relative;
margin-top:25px;
padding:
17px 17px 17px 46px;
border:
1px solid
rgba(255,255,255,.10);
border-radius:18px;
background:
rgba(255,255,255,.045);
}
#ttDedicatedExperience .ttde-focus::before{
content:"";
position:absolute;
right:0;
top:14px;
bottom:14px;
width:3px;
border-radius:
999px 0 0 999px;
background:
linear-gradient(
var(--peach),
rgba(238,184,157,.15)
);
}
#ttDedicatedExperience .ttde-focus small{
display:block;
margin-bottom:4px;
color:
rgba(255,255,255,.42);
font-size:8px;
font-weight:850;
}
#ttDedicatedExperience .ttde-focus strong{
color:#fff;
font-size:13px;
line-height:1.85;
font-weight:900;
}
#ttDedicatedExperience .ttde-focus-icon{
position:absolute;
left:12px;
top:50%;
transform:
translateY(-50%);
width:27px;
height:27px;
display:grid;
place-items:center;
border:
1px solid
rgba(255,255,255,.10);
border-radius:9px;
color:#f7d2c0;
background:
rgba(255,255,255,.04);
}
#ttDedicatedExperience .ttde-timeline{
position:relative;
margin-top:25px;
padding-right:22px;
}
#ttDedicatedExperience .ttde-timeline::before{
content:"";
position:absolute;
right:5px;
top:9px;
bottom:11px;
width:1px;
background:
linear-gradient(
var(--peach),
rgba(255,255,255,.08)
);
}
#ttDedicatedExperience .ttde-step{
position:relative;
min-height:47px;
padding-bottom:11px;
}
#ttDedicatedExperience .ttde-step:last-child{
padding-bottom:0;
}
#ttDedicatedExperience .ttde-step::before{
content:"";
position:absolute;
right:-21px;
top:7px;
width:9px;
height:9px;
border:
2px solid
var(--dark2);
border-radius:50%;
background:var(--peach);
box-shadow:
0 0 0 3px
rgba(238,184,157,.11);
}
#ttDedicatedExperience
.ttde-step:nth-child(2)::before{
background:#8f98f1;
}
#ttDedicatedExperience
.ttde-step:nth-child(3)::before{
background:#70a697;
}
#ttDedicatedExperience .ttde-step-head{
display:flex;
align-items:center;
gap:8px;
}
#ttDedicatedExperience .ttde-step-num{
color:
rgba(255,255,255,.30);
font-family:Arial,sans-serif;
font-size:8px;
font-weight:900;
}
#ttDedicatedExperience .ttde-step strong{
color:
rgba(255,255,255,.88);
font-size:10.5px;
font-weight:850;
}
#ttDedicatedExperience .ttde-step small{
display:block;
margin-top:3px;
color:
rgba(255,255,255,.44);
font-size:8.3px;
line-height:1.7;
}
#ttDedicatedExperience .ttde-action{
margin-top:26px;
}
#ttDedicatedExperience .ttde-cta{
min-height:54px;
padding:
0 18px 0 8px;
display:inline-flex;
align-items:center;
gap:14px;
border-radius:16px;
color:var(--dark);
background:#fff;
box-shadow:
0 15px 36px
rgba(0,0,0,.15);
font-size:12.5px;
font-weight:900;
transition:
transform .18s ease,
box-shadow .18s ease;
}
#ttDedicatedExperience .ttde-cta:hover{
transform:
translateY(-2px);
box-shadow:
0 20px 42px
rgba(0,0,0,.19);
}
#ttDedicatedExperience .ttde-cta-arrow{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:12px;
color:#fff;
background:
linear-gradient(
145deg,
var(--iris),
#5f6bd7
);
}
#ttDedicatedExperience .ttde-media{
grid-area:media;
position:relative;
min-width:0;
overflow:hidden;
padding:
25px 25px 22px;
border-radius:30px;
background:
radial-gradient(
circle at 86% 12%,
rgba(114,123,237,.10),
transparent 27%
),
radial-gradient(
circle at 9% 87%,
rgba(238,184,157,.15),
transparent 31%
),
linear-gradient(
145deg,
#f5f7fb,
#f8f4ef
);
direction:rtl;
}
#ttDedicatedExperience .ttde-number{
position:absolute;
z-index:1;
left:27px;
bottom:23px;
width:196px;
height:165px;
pointer-events:none;
}
#ttDedicatedExperience .ttde-number strong{
position:absolute;
left:2px;
bottom:31px;
color:
rgba(23,38,78,.052);
font-family:Arial,sans-serif;
font-size:132px;
line-height:.8;
font-weight:900;
letter-spacing:-10px;
}
#ttDedicatedExperience .ttde-number span{
position:absolute;
left:10px;
bottom:0;
display:flex;
align-items:center;
gap:8px;
color:
rgba(23,38,78,.27);
font-family:Arial,sans-serif;
font-size:7.5px;
font-weight:850;
letter-spacing:1.3px;
}
#ttDedicatedExperience
.ttde-number span::before{
content:"";
width:40px;
height:1px;
background:
rgba(238,184,157,.43);
}
#ttDedicatedExperience .ttde-number::before{
content:"";
position:absolute;
left:-10px;
bottom:-8px;
width:110px;
height:51px;
border-left:
1px solid
rgba(238,184,157,.38);
border-bottom:
1px solid
rgba(238,184,157,.38);
border-radius:
0 0 0 22px;
}
#ttDedicatedExperience .ttde-media-head{
position:relative;
z-index:5;
min-height:43px;
margin-bottom:9px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
#ttDedicatedExperience .ttde-media-title{
display:flex;
align-items:center;
gap:8px;
}
#ttDedicatedExperience .ttde-media-dot{
width:8px;
height:8px;
border-radius:50%;
background:var(--sage);
box-shadow:
0 0 0 4px
rgba(80,136,121,.08);
}
#ttDedicatedExperience .ttde-media-title strong{
color:var(--ink);
font-size:11px;
font-weight:900;
}
#ttDedicatedExperience .ttde-duration{
min-height:29px;
padding:0 9px;
display:flex;
align-items:center;
gap:6px;
border:
1px solid
rgba(23,38,78,.07);
border-radius:10px;
color:var(--ink2);
background:
rgba(255,255,255,.70);
font-family:Arial,sans-serif;
font-size:8.5px;
font-weight:850;
}
#ttDedicatedExperience .ttde-video-switch{
position:relative;
z-index:6;
margin-bottom:10px;
padding:4px;
display:grid;
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:4px;
border:
1px solid
rgba(23,38,78,.075);
border-radius:15px;
background:
rgba(255,255,255,.54);
}
#ttDedicatedExperience .ttde-video-tab{
min-height:47px;
padding:
5px 9px;
display:flex;
align-items:center;
gap:8px;
border:0;
border-radius:11px;
cursor:pointer;
color:
var(--muted);
background:transparent;
transition:
background-color .18s ease,
color .18s ease,
box-shadow .18s ease,
transform .12s ease;
}
#ttDedicatedExperience .ttde-video-tab:active{
transform:
scale(.985);
}
#ttDedicatedExperience
.ttde-video-tab[aria-selected="true"]{
color:var(--ink);
background:#fff;
box-shadow:
0 7px 18px
rgba(31,42,77,.06);
}
#ttDedicatedExperience .ttde-tab-num{
width:30px;
height:30px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:9px;
color:var(--sage);
background:
var(--sage-soft);
font-family:Arial,sans-serif;
font-size:9px;
font-weight:900;
}
#ttDedicatedExperience
.ttde-video-tab:nth-child(2)
.ttde-tab-num{
color:var(--iris);
background:
var(--iris-soft);
}
#ttDedicatedExperience .ttde-tab-copy{
min-width:0;
text-align:right;
}
#ttDedicatedExperience .ttde-tab-copy strong{
display:block;
color:inherit;
font-size:9.5px;
font-weight:900;
}
#ttDedicatedExperience .ttde-tab-copy small{
display:block;
margin-top:1px;
color:var(--muted);
font-size:7px;
}
#ttDedicatedExperience .ttde-human{
position:relative;
z-index:5;
min-height:34px;
margin:
0 4px 9px;
display:flex;
align-items:center;
gap:8px;
color:
rgba(80,136,121,.88);
font-size:18px;
transform:
rotate(-1.5deg);
}
#ttDedicatedExperience .ttde-human-arrow{
position:relative;
width:102px;
height:18px;
}
#ttDedicatedExperience
.ttde-human-arrow::before{
content:"";
position:absolute;
top:8px;
right:0;
width:80px;
height:1px;
background:
rgba(80,136,121,.38);
transform:
rotate(-4deg);
}
#ttDedicatedExperience
.ttde-human-arrow::after{
content:"";
position:absolute;
left:17px;
top:4px;
width:8px;
height:8px;
border-left:
1px solid
rgba(80,136,121,.56);
border-bottom:
1px solid
rgba(80,136,121,.56);
transform:
rotate(38deg);
}
#ttDedicatedExperience .ttde-video-frame{
position:relative;
z-index:5;
padding:6px;
overflow:hidden;
border:
1px solid
rgba(23,38,78,.10);
border-radius:31px;
background:
rgba(255,255,255,.95);
box-shadow:
0 23px 58px
rgba(31,42,77,.11),
0 0 0 5px
rgba(255,255,255,.25);
}
#ttDedicatedExperience .ttde-video-stage{
position:relative;
overflow:hidden;
border-radius:24px;
background:#0e1730;
}
#ttDedicatedExperience .ttde-video-panel{
position:relative;
display:none;
overflow:hidden;
border-radius:24px;
}
#ttDedicatedExperience .ttde-video-panel.active{
display:block;
animation:
ttdeVideoIn .23s ease both;
}
@keyframes ttdeVideoIn{
from{
opacity:.4;
transform:
translateY(5px);
}
to{
opacity:1;
transform:none;
}
}
#ttDedicatedExperience video{
width:100% !important;
height:auto !important;
max-height:585px;
object-fit:contain !important;
object-position:center !important;
border-radius:24px;
background:#0e1730;
}
#ttDedicatedExperience .ttde-video-bottom{
position:relative;
z-index:5;
margin-top:10px;
min-height:62px;
padding:
7px 8px 7px 11px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border:
1px solid
rgba(23,38,78,.07);
border-radius:17px;
background:
rgba(255,255,255,.70);
box-shadow:
0 8px 25px
rgba(31,42,77,.035);
}
#ttDedicatedExperience .ttde-video-person{
min-width:0;
display:flex;
align-items:center;
gap:8px;
}
#ttDedicatedExperience .ttde-person-icon{
width:35px;
height:35px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:11px;
color:var(--sage);
background:var(--sage-soft);
}
#ttDedicatedExperience .ttde-person-copy{
min-width:0;
}
#ttDedicatedExperience .ttde-person-copy strong{
display:block;
color:var(--ink);
font-size:9.5px;
font-weight:900;
}
#ttDedicatedExperience .ttde-person-copy small{
display:block;
margin-top:2px;
color:var(--muted);
font-size:7.5px;
}
#ttDedicatedExperience .ttde-state{
display:flex;
align-items:center;
gap:6px;
color:var(--muted);
font-size:7.5px;
font-weight:750;
}
#ttDedicatedExperience .ttde-state i{
width:6px;
height:6px;
border-radius:50%;
background:var(--sage);
}
@media(max-width:1120px) and (min-width:761px){
#ttDedicatedExperience .ttde-shell{
grid-template-columns:
minmax(0,1fr)
minmax(360px,.86fr);
}
#ttDedicatedExperience .ttde-copy{
padding:
38px 28px 31px;
}
#ttDedicatedExperience h2{
font-size:
clamp(
35px,
4vw,
46px
);
}
}
@media(max-width:760px){
#ttDedicatedExperience{
padding:
36px 0 58px;
}
#ttDedicatedExperience .ttde-wrap{
width:
calc(100% - 12px);
}
#ttDedicatedExperience .ttde-orbit{
display:none;
}
#ttDedicatedExperience .ttde-chapter{
min-height:32px;
margin-bottom:9px;
padding:0 4px;
}
#ttDedicatedExperience .ttde-chapter-main{
gap:7px;
font-size:8.5px;
}
#ttDedicatedExperience .ttde-chapter-line{
width:34px;
}
#ttDedicatedExperience .ttde-chapter-note{
font-size:7px;
}
#ttDedicatedExperience .ttde-shell{
padding:7px;
grid-template-columns:1fr;
grid-template-areas:
"copy"
"media";
gap:7px;
border-radius:29px;
box-shadow:
0 20px 52px
rgba(31,42,77,.07);
}
#ttDedicatedExperience .ttde-shell::before{
right:45px;
width:120px;
height:5px;
}
#ttDedicatedExperience .ttde-shell::after{
left:28px;
width:78px;
height:4px;
}
#ttDedicatedExperience .ttde-copy{
padding:
27px 18px 21px;
border-radius:23px;
}
#ttDedicatedExperience .ttde-copy::before{
top:28px;
width:4px;
height:101px;
}
#ttDedicatedExperience .ttde-copy::after{
top:15px;
left:17px;
width:51px;
}
#ttDedicatedExperience .ttde-eyebrow{
min-height:28px;
margin-bottom:10px;
font-size:8.5px;
}
#ttDedicatedExperience h2{
font-size:
clamp(
29px,
8.2vw,
35px
);
line-height:1.44;
letter-spacing:-.55px;
}
#ttDedicatedExperience .ttde-lead{
margin-top:10px;
font-size:13.5px;
line-height:2.02;
}
#ttDedicatedExperience .ttde-focus{
margin-top:17px;
padding:
13px 13px 13px 39px;
border-radius:15px;
}
#ttDedicatedExperience .ttde-focus strong{
font-size:11px;
}
#ttDedicatedExperience .ttde-timeline{
margin-top:18px;
padding-right:20px;
}
#ttDedicatedExperience .ttde-step{
min-height:43px;
padding-bottom:9px;
}
#ttDedicatedExperience .ttde-step strong{
font-size:9.5px;
}
#ttDedicatedExperience .ttde-step small{
font-size:7.7px;
}
#ttDedicatedExperience .ttde-action{
margin-top:19px;
}
#ttDedicatedExperience .ttde-cta{
width:100%;
min-height:50px;
justify-content:space-between;
padding:
0 13px 0 7px;
border-radius:14px;
font-size:11.5px;
}
#ttDedicatedExperience .ttde-media{
padding:
15px 9px 17px;
border-radius:23px;
}
#ttDedicatedExperience .ttde-number{
left:8px;
bottom:7px;
width:114px;
height:94px;
}
#ttDedicatedExperience .ttde-number strong{
left:1px;
bottom:19px;
font-size:77px;
letter-spacing:-6px;
color:
rgba(23,38,78,.038);
}
#ttDedicatedExperience .ttde-number span{
font-size:5.8px;
}
#ttDedicatedExperience .ttde-media-head{
min-height:34px;
margin:
0 4px 7px;
}
#ttDedicatedExperience .ttde-media-title strong{
font-size:9.5px;
}
#ttDedicatedExperience .ttde-duration{
min-height:25px;
padding:
0 7px;
font-size:7.5px;
}
#ttDedicatedExperience .ttde-video-switch{
margin-bottom:7px;
border-radius:13px;
}
#ttDedicatedExperience .ttde-video-tab{
min-height:44px;
padding:
4px 6px;
gap:6px;
border-radius:10px;
}
#ttDedicatedExperience .ttde-tab-num{
width:27px;
height:27px;
border-radius:8px;
font-size:8px;
}
#ttDedicatedExperience .ttde-tab-copy strong{
font-size:8.5px;
}
#ttDedicatedExperience .ttde-tab-copy small{
font-size:6.5px;
}
#ttDedicatedExperience .ttde-human{
min-height:29px;
margin:
0 4px 7px;
font-size:15px;
}
#ttDedicatedExperience .ttde-human-arrow{
width:65px;
}
#ttDedicatedExperience
.ttde-human-arrow::before{
width:48px;
}
#ttDedicatedExperience .ttde-video-frame{
padding:5px;
border-radius:24px;
box-shadow:
0 14px 34px
rgba(31,42,77,.09);
}
#ttDedicatedExperience .ttde-video-stage,
#ttDedicatedExperience .ttde-video-panel,
#ttDedicatedExperience video{
border-radius:19px;
}
#ttDedicatedExperience video{
max-height:none;
}
#ttDedicatedExperience .ttde-video-bottom{
min-height:56px;
margin-top:7px;
padding:
6px 7px;
border-radius:14px;
}
#ttDedicatedExperience .ttde-person-icon{
width:30px;
height:30px;
border-radius:9px;
}
#ttDedicatedExperience
.ttde-person-copy strong{
font-size:8.5px;
}
#ttDedicatedExperience
.ttde-person-copy small{
font-size:6.8px;
}
#ttDedicatedExperience .ttde-state{
font-size:6.5px;
}
}
@media(max-width:390px){
#ttDedicatedExperience
.ttde-chapter-note{
display:none;
}
#ttDedicatedExperience h2{
font-size:
clamp(
27px,
8.5vw,
32px
);
}
#ttDedicatedExperience .ttde-lead{
font-size:13px;
}
#ttDedicatedExperience .ttde-state{
display:none;
}
}
@media(prefers-reduced-motion:reduce){
#ttDedicatedExperience *,
#ttDedicatedExperience *::before,
#ttDedicatedExperience *::after{
animation:none !important;
transition:none !important;
}
}
#ttDedicatedExperience{
--bg:#fff8f5;
--paper:#fffefd;
--ink:#17264f;
--ink2:#2e3d67;
--text:#5d6476;
--muted:#9198a7;
--dark:#141f3f;
--dark2:#1d2d52;
--sage:#508879;
--sage-soft:#eaf5f1;
--iris:#6962f2;
--iris-soft:#efedff;
--peach:#ffd1bf;
--peach-soft:#fff0e9;
--coral:#df846c;
padding:
78px 0 96px;
background:
radial-gradient(
circle at 91% 9%,
rgba(255,210,193,.30),
transparent 23%
),
radial-gradient(
circle at 6% 88%,
rgba(222,216,255,.24),
transparent 25%
),
linear-gradient(
180deg,
#fff8f5 0%,
#fbfaf7 49%,
#f9fbf9 100%
);
}
#ttDedicatedExperience .ttde-hand,
#ttDedicatedExperience .ttde-hand *,
#ttDedicatedExperience .ttde-copy-script,
#ttDedicatedExperience .ttde-human,
#ttDedicatedExperience .ttde-contact-hand{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttDedicatedExperience .ttde-chapter-main{
min-height:34px;
padding:
0 12px;
border:
1px solid
rgba(105,98,242,.08);
border-radius:999px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.84),
rgba(249,247,255,.72)
);
box-shadow:
0 6px 20px
rgba(35,42,90,.025);
}
#ttDedicatedExperience .ttde-chapter-note{
min-height:31px;
padding:
0 10px;
display:flex;
align-items:center;
border:
1px solid
rgba(23,38,79,.06);
border-radius:999px;
background:
rgba(255,255,255,.62);
}
#ttDedicatedExperience .ttde-shell{
padding:19px;
gap:17px;
border-color:
rgba(105,98,242,.10);
background:
linear-gradient(
180deg,
rgba(255,255,255,.94),
rgba(255,255,255,.87)
);
box-shadow:
0 42px 110px
rgba(35,42,90,.067),
0 12px 32px
rgba(35,42,90,.025);
}
#ttDedicatedExperience .ttde-shell::before{
background:
linear-gradient(
90deg,
var(--sage-soft),
var(--iris-soft),
var(--peach-soft)
);
}
#ttDedicatedExperience .ttde-copy{
isolation:isolate;
padding:
52px 41px 41px;
background:
radial-gradient(
circle at 12% 12%,
rgba(105,98,242,.19),
transparent 29%
),
radial-gradient(
circle at 94% 88%,
rgba(80,136,121,.15),
transparent 31%
),
radial-gradient(
circle at 15% 90%,
rgba(255,209,191,.08),
transparent 21%
),
repeating-linear-gradient(
135deg,
transparent 0,
transparent 19px,
rgba(255,255,255,.017) 19px,
rgba(255,255,255,.017) 20px
),
linear-gradient(
148deg,
#141f3f,
#1d2d52
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.025);
}
#ttDedicatedExperience .ttde-copy::before{
height:166px;
background:
linear-gradient(
180deg,
var(--peach),
rgba(105,98,242,.65)
);
}
#ttDedicatedExperience .ttde-copy-micro{
position:absolute;
z-index:2;
left:29px;
top:75px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(255,255,255,.25);
font-family:
Arial,
sans-serif;
font-size:6.2px;
font-weight:900;
letter-spacing:1.2px;
pointer-events:none;
}
#ttDedicatedExperience .ttde-copy-micro i{
width:25px;
height:1px;
background:
rgba(255,209,191,.43);
}
#ttDedicatedExperience .ttde-copy-micro b{
color:
rgba(255,255,255,.13);
font-size:15px;
line-height:1;
letter-spacing:-1px;
}
#ttDedicatedExperience .ttde-copy-dotgrid{
position:absolute;
z-index:2;
left:29px;
top:120px;
display:grid;
grid-template-columns:
repeat(4,4px);
gap:6px;
pointer-events:none;
}
#ttDedicatedExperience .ttde-copy-dotgrid i{
width:4px;
height:4px;
border-radius:50%;
background:
rgba(255,255,255,.10);
}
#ttDedicatedExperience .ttde-copy-curve{
position:absolute;
z-index:2;
left:21px;
bottom:68px;
width:91px;
color:
rgba(255,209,191,.16);
transform:
rotate(-8deg);
pointer-events:none;
}
#ttDedicatedExperience .ttde-eyebrow{
border-color:
rgba(255,255,255,.12);
background:
linear-gradient(
145deg,
rgba(255,255,255,.075),
rgba(255,255,255,.035)
);
}
#ttDedicatedExperience .ttde-copy-script{
position:relative;
z-index:5;
display:inline-block;
width:max-content;
max-width:100%;
margin-top:11px;
padding:
3px 9px 6px;
color:
rgba(238,225,255,.80);
font-size:18px;
line-height:1.05;
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(105,98,242,.18),
rgba(105,98,242,.02)
);
transform:
rotate(-2deg);
}
#ttDedicatedExperience .ttde-copy-script::after{
content:"";
display:block;
width:76px;
height:11px;
margin:
-2px auto 0;
border-bottom:
1px solid
rgba(255,209,191,.28);
border-radius:50%;
}
#ttDedicatedExperience .ttde-focus{
border-color:
rgba(255,255,255,.11);
background:
linear-gradient(
145deg,
rgba(255,255,255,.055),
rgba(255,255,255,.03)
);
}
#ttDedicatedExperience .ttde-step{
padding-left:4px;
}
#ttDedicatedExperience .ttde-media{
isolation:isolate;
padding:
27px 26px 23px;
border:
1px solid
rgba(105,98,242,.075);
background:
radial-gradient(
circle at 88% 12%,
rgba(255,209,192,.42),
transparent 20%
),
radial-gradient(
circle at 10% 88%,
rgba(222,216,255,.47),
transparent 24%
),
linear-gradient(
145deg,
#f4f7fb,
#f2efff 52%,
#fff2eb
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.45),
0 20px 48px
rgba(50,57,118,.038);
}
#ttDedicatedExperience .ttde-media-micro{
position:absolute;
z-index:4;
right:27px;
top:75px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(23,38,79,.29);
font-family:
Arial,
sans-serif;
font-size:6.3px;
font-weight:900;
letter-spacing:1.2px;
pointer-events:none;
}
#ttDedicatedExperience .ttde-media-micro i{
width:26px;
height:1px;
background:
rgba(223,132,108,.34);
}
#ttDedicatedExperience .ttde-media-micro strong{
color:
rgba(23,38,79,.13);
font-size:15px;
line-height:1;
letter-spacing:-1px;
}
#ttDedicatedExperience .ttde-media-dotgrid{
position:absolute;
z-index:2;
left:26px;
top:108px;
display:grid;
grid-template-columns:
repeat(4,4px);
gap:6px;
pointer-events:none;
}
#ttDedicatedExperience .ttde-media-dotgrid i{
width:4px;
height:4px;
border-radius:50%;
background:
rgba(23,38,79,.11);
}
#ttDedicatedExperience .ttde-media-curve{
position:absolute;
z-index:2;
left:19px;
bottom:59px;
width:93px;
color:
rgba(105,98,242,.18);
transform:
rotate(-7deg);
pointer-events:none;
}
#ttDedicatedExperience .ttde-media-orbit-dot{
position:absolute;
z-index:2;
width:8px;
height:8px;
border:
1px solid
rgba(105,98,242,.23);
border-radius:50%;
pointer-events:none;
}
#ttDedicatedExperience .ttde-media-orbit-dot::after{
content:"";
position:absolute;
inset:2px;
border-radius:50%;
background:
rgba(105,98,242,.40);
}
#ttDedicatedExperience .ttde-media-orbit-dot.d1{
left:20%;
top:22%;
}
#ttDedicatedExperience .ttde-media-orbit-dot.d2{
right:17%;
bottom:19%;
}
#ttDedicatedExperience .ttde-media-head{
position:relative;
z-index:7;
}
#ttDedicatedExperience .ttde-duration{
border-color:
rgba(105,98,242,.08);
background:
rgba(255,255,255,.79);
}
#ttDedicatedExperience .ttde-video-switch{
border-color:
rgba(105,98,242,.09);
background:
linear-gradient(
145deg,
rgba(255,255,255,.70),
rgba(248,246,255,.62)
);
box-shadow:
0 8px 22px
rgba(35,42,90,.027);
}
#ttDedicatedExperience
.ttde-video-tab[aria-selected="true"]{
box-shadow:
0 8px 20px
rgba(35,42,90,.065);
}
#ttDedicatedExperience .ttde-human{
position:relative;
z-index:8;
width:max-content;
max-width:100%;
min-height:35px;
margin:
1px 4px 9px;
padding:
3px 8px 6px;
color:
rgba(89,80,209,.72);
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.94),
rgba(239,235,255,.10)
);
transform:
rotate(-2deg);
}
#ttDedicatedExperience .ttde-human-arrow::before{
background:
rgba(105,98,242,.29);
}
#ttDedicatedExperience .ttde-human-arrow::after{
border-left-color:
rgba(105,98,242,.42);
border-bottom-color:
rgba(105,98,242,.42);
}
#ttDedicatedExperience .ttde-video-frame{
border-color:
rgba(23,38,79,.11);
box-shadow:
0 23px 58px
rgba(35,42,90,.105),
0 0 0 5px
rgba(255,255,255,.22);
}
#ttDedicatedExperience .ttde-video-bottom{
border-color:
rgba(105,98,242,.07);
background:
linear-gradient(
145deg,
rgba(255,255,255,.81),
rgba(250,248,255,.70)
);
}
#ttDedicatedExperience .ttde-cta{
border:
1px solid
rgba(255,255,255,.12);
background:
linear-gradient(
145deg,
#fff,
#fffaf7
);
}
#ttDedicatedExperience .ttde-contact-modal{
position:fixed;
z-index:100500;
inset:0;
display:grid;
place-items:center;
padding:18px;
background:
rgba(18,28,60,.56);
-webkit-backdrop-filter:
blur(12px);
backdrop-filter:
blur(12px);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:
opacity .18s ease,
visibility .18s ease;
}
#ttDedicatedExperience .ttde-contact-modal.open{
opacity:1;
visibility:visible;
pointer-events:auto;
}
#ttDedicatedExperience .ttde-contact-dialog{
position:relative;
width:min(
430px,
100%
);
overflow:hidden;
padding:
27px;
border:
1px solid
rgba(105,98,242,.13);
border-radius:25px;
background:
radial-gradient(
circle at 91% 9%,
rgba(105,98,242,.11),
transparent 28%
),
radial-gradient(
circle at 8% 93%,
rgba(255,213,197,.24),
transparent 30%
),
linear-gradient(
145deg,
#fffefd,
#fff9f6
);
box-shadow:
0 38px 100px
rgba(10,17,43,.28);
}
#ttDedicatedExperience .ttde-contact-dialog::before{
content:"";
position:absolute;
top:0;
right:52px;
width:120px;
height:5px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--coral),
var(--iris),
var(--sage)
);
}
#ttDedicatedExperience .ttde-contact-close{
position:absolute;
top:13px;
left:13px;
width:36px;
height:36px;
display:grid;
place-items:center;
cursor:pointer;
border:
1px solid
rgba(23,38,79,.08);
border-radius:11px;
color:var(--ink);
background:
rgba(255,255,255,.84);
}
#ttDedicatedExperience .ttde-contact-hand{
width:max-content;
max-width:calc(100% - 45px);
margin-bottom:9px;
padding:
2px 10px 6px;
color:
rgba(89,80,209,.73);
background:
linear-gradient(
90deg,
rgba(239,235,255,.95),
transparent
);
border-radius:9px;
font-size:18px;
line-height:1.05;
}
#ttDedicatedExperience .ttde-contact-kicker{
color:var(--sage);
font-size:8px;
font-weight:900;
}
#ttDedicatedExperience .ttde-contact-dialog h4{
margin:
3px 0 0;
color:var(--ink);
font-size:25px;
line-height:1.5;
font-weight:950;
}
#ttDedicatedExperience .ttde-contact-dialog p{
margin:
7px 0 0;
color:var(--text);
font-size:13px;
line-height:1.95;
}
#ttDedicatedExperience .ttde-contact-number{
margin-top:17px;
min-height:66px;
padding:
8px 10px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border:
1px solid
rgba(23,38,79,.075);
border-radius:16px;
background:#fff;
box-shadow:
0 10px 25px
rgba(35,42,90,.035);
}
#ttDedicatedExperience .ttde-contact-number small{
display:block;
margin-bottom:3px;
color:var(--muted);
font-size:8px;
}
#ttDedicatedExperience .ttde-contact-number strong{
color:var(--ink);
direction:ltr;
unicode-bidi:embed;
font-family:
Arial,
sans-serif;
font-size:21px;
font-weight:900;
}
#ttDedicatedExperience .ttde-contact-copy{
width:36px;
height:36px;
display:grid;
place-items:center;
cursor:pointer;
border:
1px solid
rgba(23,38,79,.08);
border-radius:11px;
color:var(--ink2);
background:
#f9fafc;
}
#ttDedicatedExperience .ttde-contact-copy.is-copied{
color:#fff;
background:var(--sage);
}
#ttDedicatedExperience .ttde-contact-call{
min-height:49px;
margin-top:9px;
padding:
0 13px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
border-radius:13px;
color:#fff;
background:
linear-gradient(
135deg,
var(--iris),
#5b55de
);
box-shadow:
0 12px 27px
rgba(105,98,242,.20);
font-size:10px;
font-weight:900;
}
#ttDedicatedExperience .ttde-contact-toast{
min-height:0;
margin-top:7px;
color:var(--sage);
text-align:center;
font-size:8px;
font-weight:850;
opacity:0;
transition:
opacity .16s ease;
}
#ttDedicatedExperience .ttde-contact-toast.show{
opacity:1;
}
#ttDedicatedExperience .ttde-mobile-state-rail,
#ttDedicatedExperience .ttde-mobile-call-action{
display:none;
}
@media(max-width:760px){
#ttDedicatedExperience{
padding:
30px 0 51px;
background:
radial-gradient(
circle at 92% 7%,
rgba(255,211,195,.20),
transparent 20%
),
linear-gradient(
180deg,
#fff8f5,
#fafcf9 56%,
#fff9f6
);
}
#ttDedicatedExperience .ttde-wrap{
width:
calc(100% - 12px);
}
#ttDedicatedExperience .ttde-orbit{
display:none;
}
#ttDedicatedExperience .ttde-chapter{
min-height:31px;
margin-bottom:9px;
padding:
0 3px;
}
#ttDedicatedExperience .ttde-chapter-main{
min-height:30px;
padding:
0 9px;
font-size:7.8px;
}
#ttDedicatedExperience .ttde-chapter-line{
width:29px;
}
#ttDedicatedExperience .ttde-chapter-note{
min-height:30px;
padding:
0 8px;
font-size:6.8px;
}
#ttDedicatedExperience .ttde-shell{
padding:7px;
grid-template-columns:1fr;
grid-template-areas:
"copy"
"media";
gap:7px;
overflow:hidden;
border-radius:28px;
box-shadow:
0 20px 50px
rgba(35,42,90,.06);
}
#ttDedicatedExperience .ttde-shell::before{
right:43px;
width:115px;
height:4px;
}
#ttDedicatedExperience .ttde-shell::after{
left:28px;
width:72px;
height:4px;
}
#ttDedicatedExperience .ttde-copy{
padding:
25px 17px 18px;
border-radius:22px;
}
#ttDedicatedExperience .ttde-copy::before{
top:27px;
width:4px;
height:96px;
}
#ttDedicatedExperience .ttde-copy::after{
top:14px;
left:16px;
width:48px;
}
#ttDedicatedExperience .ttde-copy-micro,
#ttDedicatedExperience .ttde-copy-dotgrid,
#ttDedicatedExperience .ttde-copy-curve{
display:none;
}
#ttDedicatedExperience .ttde-eyebrow{
min-height:27px;
margin-bottom:9px;
padding:
0 9px;
font-size:8px;
}
#ttDedicatedExperience h2{
font-size:
clamp(
29px,
8.1vw,
35px
);
line-height:1.42;
letter-spacing:-.55px;
}
#ttDedicatedExperience .ttde-lead{
margin-top:9px;
font-size:13px;
line-height:1.98;
}
#ttDedicatedExperience .ttde-copy-script{
margin-top:8px;
padding:
3px 8px 5px;
font-size:14.5px;
transform:
rotate(-1.4deg);
}
#ttDedicatedExperience .ttde-copy-script::after{
width:57px;
height:9px;
}
#ttDedicatedExperience .ttde-focus{
margin-top:14px;
padding:
11px 11px 11px 37px;
border-radius:14px;
}
#ttDedicatedExperience .ttde-focus small{
font-size:7.4px;
}
#ttDedicatedExperience .ttde-focus strong{
font-size:10.5px;
line-height:1.75;
}
#ttDedicatedExperience .ttde-focus-icon{
left:9px;
width:25px;
height:25px;
border-radius:8px;
}
#ttDedicatedExperience .ttde-timeline{
margin-top:14px;
padding-right:18px;
}
#ttDedicatedExperience .ttde-step{
min-height:39px;
padding-bottom:7px;
}
#ttDedicatedExperience .ttde-step::before{
right:-17px;
top:6px;
width:8px;
height:8px;
}
#ttDedicatedExperience .ttde-step-num{
font-size:7px;
}
#ttDedicatedExperience .ttde-step strong{
font-size:9px;
}
#ttDedicatedExperience .ttde-step small{
margin-top:1px;
font-size:7.2px;
line-height:1.55;
}
#ttDedicatedExperience .ttde-action{
display:none;
}
#ttDedicatedExperience .ttde-media{
padding:
8px 8px 12px;
border-radius:22px;
background:
radial-gradient(
circle at 89% 12%,
rgba(255,209,192,.32),
transparent 17%
),
radial-gradient(
circle at 11% 89%,
rgba(222,216,255,.39),
transparent 22%
),
linear-gradient(
145deg,
#f4f7fb,
#f1edff 61%,
#fff3ed
);
}
#ttDedicatedExperience .ttde-media-micro,
#ttDedicatedExperience .ttde-media-dotgrid,
#ttDedicatedExperience .ttde-media-curve,
#ttDedicatedExperience .ttde-media-orbit-dot{
display:none !important;
}
#ttDedicatedExperience .ttde-mobile-state-rail{
min-height:45px;
margin:
0 2px 7px;
padding:
5px 7px;
display:grid;
grid-template-columns:
34px minmax(0,1fr) auto;
gap:8px;
align-items:center;
border:
1px solid
rgba(105,98,242,.075);
border-radius:13px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.84),
rgba(248,246,255,.76)
);
box-shadow:
0 7px 19px
rgba(40,44,94,.025);
}
#ttDedicatedExperience .ttde-mobile-state-index{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
color:#fff;
background:
linear-gradient(
145deg,
#7169f4,
#5e58df
);
font-family:
Arial,
sans-serif;
font-size:11px;
font-weight:900;
}
#ttDedicatedExperience .ttde-mobile-state-copy{
min-width:0;
}
#ttDedicatedExperience .ttde-mobile-state-copy strong{
display:block;
color:var(--ink);
font-size:10.5px;
line-height:1.4;
font-weight:900;
}
#ttDedicatedExperience .ttde-mobile-state-copy small{
display:block;
margin-top:1px;
color:var(--muted);
font-family:
Arial,
sans-serif;
font-size:5.1px;
font-weight:800;
letter-spacing:.65px;
}
#ttDedicatedExperience .ttde-mobile-state-live{
min-height:26px;
padding:
0 7px;
display:flex;
align-items:center;
gap:5px;
border-radius:999px;
color:#3f6f64;
background:
rgba(234,245,241,.94);
font-size:7px;
font-weight:850;
}
#ttDedicatedExperience .ttde-mobile-state-live i{
width:6px;
height:6px;
border-radius:50%;
background:
var(--sage);
}
#ttDedicatedExperience .ttde-number{
left:7px;
bottom:6px;
width:105px;
height:87px;
}
#ttDedicatedExperience .ttde-number strong{
left:1px;
bottom:18px;
font-size:70px;
letter-spacing:-5px;
color:
rgba(23,38,79,.031);
}
#ttDedicatedExperience .ttde-number span{
left:4px;
gap:4px;
font-size:5.3px;
letter-spacing:.65px;
}
#ttDedicatedExperience .ttde-number span::before{
width:21px;
}
#ttDedicatedExperience .ttde-number::before{
left:-4px;
bottom:-4px;
width:61px;
height:28px;
border-radius:
0 0 0 13px;
}
#ttDedicatedExperience .ttde-media-head{
min-height:32px;
margin:
0 3px 6px;
}
#ttDedicatedExperience .ttde-media-title strong{
font-size:9.5px;
}
#ttDedicatedExperience .ttde-duration{
min-height:24px;
padding:
0 7px;
font-size:7px;
}
#ttDedicatedExperience .ttde-video-switch{
margin-bottom:6px;
padding:3px;
gap:3px;
border-radius:13px;
}
#ttDedicatedExperience .ttde-video-tab{
min-height:43px;
padding:
4px 6px;
gap:6px;
border-radius:10px;
}
#ttDedicatedExperience .ttde-tab-num{
width:26px;
height:26px;
border-radius:8px;
font-size:7.5px;
}
#ttDedicatedExperience .ttde-tab-copy strong{
font-size:8.2px;
}
#ttDedicatedExperience .ttde-tab-copy small{
font-size:6px;
}
#ttDedicatedExperience .ttde-human{
min-height:28px;
margin:
0 3px 6px;
padding:
2px 6px 5px;
font-size:14px;
transform:
rotate(-1.3deg);
}
#ttDedicatedExperience .ttde-human-arrow{
width:48px;
}
#ttDedicatedExperience .ttde-human-arrow::before{
width:36px;
}
#ttDedicatedExperience .ttde-video-frame{
padding:4px;
border-radius:22px;
box-shadow:
0 13px 32px
rgba(35,42,90,.085);
}
#ttDedicatedExperience .ttde-video-stage,
#ttDedicatedExperience .ttde-video-panel,
#ttDedicatedExperience video{
border-radius:18px;
}
#ttDedicatedExperience video{
max-height:none;
}
#ttDedicatedExperience .ttde-video-bottom{
min-height:52px;
margin-top:6px;
padding:
6px;
border-radius:13px;
}
#ttDedicatedExperience .ttde-person-icon{
width:29px;
height:29px;
border-radius:9px;
}
#ttDedicatedExperience .ttde-person-copy strong{
font-size:8px;
}
#ttDedicatedExperience .ttde-person-copy small{
font-size:6.4px;
}
#ttDedicatedExperience .ttde-state{
font-size:6px;
}
#ttDedicatedExperience .ttde-mobile-call-action{
position:relative !important;
inset:auto !important;
width:100%;
min-height:49px;
margin-top:7px;
padding:
0 8px 0 13px;
display:flex;
align-items:center;
justify-content:space-between;
gap:9px;
border-radius:13px;
color:#fff;
background:
linear-gradient(
135deg,
#5d9284,
#467c6e
);
box-shadow:
0 11px 25px
rgba(80,136,121,.18);
font-size:9.5px;
font-weight:900;
}
#ttDedicatedExperience .ttde-mobile-call-icon{
width:32px;
height:32px;
display:grid;
place-items:center;
border:
1px solid
rgba(255,255,255,.13);
border-radius:9px;
background:
rgba(255,255,255,.10);
}
#ttDedicatedExperience .ttde-contact-modal{
display:none !important;
}
}
@media(max-width:390px){
#ttDedicatedExperience .ttde-chapter-note{
display:none;
}
#ttDedicatedExperience h2{
font-size:
clamp(
27px,
8.4vw,
32px
);
}
#ttDedicatedExperience .ttde-lead{
font-size:12.7px;
}
#ttDedicatedExperience .ttde-copy-script{
font-size:13.5px;
}
#ttDedicatedExperience .ttde-mobile-state-live{
display:none;
}
#ttDedicatedExperience .ttde-mobile-state-rail{
grid-template-columns:
33px minmax(0,1fr);
}
#ttDedicatedExperience .ttde-state{
display:none;
}
}
@media(max-width:760px){
#ttDedicatedExperience .ttde-mobile-state-rail,
#ttDedicatedExperience .ttde-mobile-call-action{
position:relative !important;
}
}
@media(prefers-reduced-motion:reduce){
#ttDedicatedExperience .ttde-copy-script,
#ttDedicatedExperience .ttde-media-curve,
#ttDedicatedExperience .ttde-media-orbit-dot,
#ttDedicatedExperience .ttde-contact-modal{
animation:none !important;
transition:none !important;
}
}
#ttDedicatedExperience{
--section-blue:#eef5ff;
--section-lilac:#f2efff;
--shell-neutral:#e8edf4;
--media-lilac:#f1edff;
--media-peach:#fff1ea;
background:
radial-gradient(
circle at 91% 9%,
rgba(105,98,242,.13),
transparent 24%
),
radial-gradient(
circle at 8% 88%,
rgba(255,209,191,.17),
transparent 25%
),
linear-gradient(
180deg,
#eef5ff 0%,
#f3f6fb 48%,
#f1efff 100%
) !important;
border-top:
1px solid
#d8e2f2;
border-bottom:
1px solid
#ded9f4;
}
#ttDedicatedExperience::before{
content:"";
position:absolute;
z-index:0;
top:0;
right:7%;
left:7%;
height:4px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
transparent,
rgba(105,98,242,.48),
rgba(238,184,157,.40),
rgba(80,136,121,.28),
transparent
);
pointer-events:none;
}
#ttDedicatedExperience .ttde-copy-script,
#ttDedicatedExperience .ttde-contact-hand{
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif !important;
font-style:normal !important;
font-weight:800 !important;
transform:none !important;
}
#ttDedicatedExperience .ttde-copy-script{
display:inline-flex !important;
align-items:center;
gap:7px;
width:auto !important;
max-width:100% !important;
min-height:34px;
margin-top:11px !important;
padding:
7px 10px !important;
color:
rgba(255,255,255,.86) !important;
border:
1px solid
rgba(170,164,255,.19);
border-radius:
11px !important;
background:
linear-gradient(
145deg,
rgba(105,98,242,.17),
rgba(255,255,255,.045)
) !important;
font-size:
10.5px !important;
line-height:
1.55 !important;
box-shadow:
inset 3px 0 0
rgba(238,184,157,.45);
}
#ttDedicatedExperience .ttde-copy-script::before{
content:"";
width:7px;
height:7px;
flex:0 0 auto;
border-radius:50%;
background:
var(--peach);
box-shadow:
0 0 0 4px
rgba(238,184,157,.07);
}
#ttDedicatedExperience .ttde-copy-script::after{
display:none !important;
}
#ttDedicatedExperience .ttde-contact-hand{
padding:
0 !important;
margin-bottom:
8px !important;
color:
var(--iris) !important;
background:
transparent !important;
border-radius:
0 !important;
font-size:
11px !important;
line-height:
1.6 !important;
}
#ttDedicatedExperience .ttde-human,
#ttDedicatedExperience .ttde-human *{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:
400 !important;
font-style:
normal !important;
}
#ttDedicatedExperience .ttde-shell{
border-color:
#d8dfeb !important;
background:
linear-gradient(
145deg,
rgba(255,255,255,.94),
rgba(244,246,251,.92)
) !important;
}
#ttDedicatedExperience .ttde-copy{
border:
1px solid
rgba(105,98,242,.14);
box-shadow:
0 16px 38px
rgba(20,31,63,.11);
}
#ttDedicatedExperience .ttde-media{
border:
1px solid
rgba(105,98,242,.13) !important;
background:
radial-gradient(
circle at 88% 12%,
rgba(255,209,192,.47),
transparent 20%
),
radial-gradient(
circle at 10% 88%,
rgba(222,216,255,.58),
transparent 24%
),
linear-gradient(
145deg,
#eef4fb 0%,
#f0ebff 56%,
#fff0e8 100%
) !important;
}
@media(max-width:760px){
#ttDedicatedExperience{
padding:
31px 0 52px !important;
background:
radial-gradient(
circle at 92% 8%,
rgba(105,98,242,.16),
transparent 22%
),
radial-gradient(
circle at 8% 91%,
rgba(255,209,191,.20),
transparent 24%
),
linear-gradient(
180deg,
#eaf3ff 0%,
#f2f5fb 50%,
#eeeaff 100%
) !important;
}
#ttDedicatedExperience::before{
right:
18px;
left:
18px;
height:
3px;
}
#ttDedicatedExperience .ttde-wrap{
width:
calc(100% - 12px) !important;
}
#ttDedicatedExperience .ttde-chapter{
margin-bottom:
10px !important;
padding:
0 2px !important;
}
#ttDedicatedExperience .ttde-chapter-main{
min-height:
31px !important;
padding:
0 9px !important;
border:
1px solid
rgba(80,136,121,.14) !important;
border-radius:
999px !important;
color:
#47786c !important;
background:
#edf7f3 !important;
box-shadow:
none !important;
}
#ttDedicatedExperience .ttde-chapter-note{
min-height:
31px !important;
padding:
0 8px !important;
border:
1px solid
rgba(105,98,242,.10) !important;
border-radius:
999px !important;
color:
#6b6f86 !important;
background:
#f1efff !important;
}
#ttDedicatedExperience .ttde-shell{
padding:
7px !important;
gap:
8px !important;
overflow:
hidden !important;
border:
1px solid
#d3dbe8 !important;
border-radius:
27px !important;
background:
#e4eaf2 !important;
box-shadow:
0 14px 34px
rgba(39,48,86,.06) !important;
}
#ttDedicatedExperience .ttde-shell::before,
#ttDedicatedExperience .ttde-shell::after{
display:
none !important;
}
#ttDedicatedExperience .ttde-copy{
padding:
23px 15px 16px !important;
border:
1px solid
rgba(130,137,255,.18) !important;
border-radius:
21px !important;
background:
radial-gradient(
circle at 10% 10%,
rgba(105,98,242,.25),
transparent 29%
),
radial-gradient(
circle at 94% 88%,
rgba(80,136,121,.17),
transparent 31%
),
linear-gradient(
148deg,
#121d3d,
#1d2e55
) !important;
box-shadow:
0 8px 21px
rgba(20,31,63,.16) !important;
}
#ttDedicatedExperience .ttde-copy::before{
top:
23px !important;
width:
4px !important;
height:
90px !important;
background:
linear-gradient(
180deg,
#ffd0bd,
#8c86ff
) !important;
opacity:
.92 !important;
}
#ttDedicatedExperience .ttde-copy::after,
#ttDedicatedExperience .ttde-copy-micro,
#ttDedicatedExperience .ttde-copy-dotgrid,
#ttDedicatedExperience .ttde-copy-curve{
display:none !important;
}
#ttDedicatedExperience .ttde-eyebrow{
min-height:
28px !important;
margin-bottom:
9px !important;
padding:
0 9px !important;
border:
1px solid
rgba(255,209,191,.18) !important;
color:
#ffd6c5 !important;
background:
rgba(255,209,191,.075) !important;
font-size:
8px !important;
}
#ttDedicatedExperience h2{
font-size:
clamp(
28px,
8vw,
34px
) !important;
line-height:
1.42 !important;
}
#ttDedicatedExperience .ttde-lead{
margin-top:
9px !important;
color:
rgba(255,255,255,.76) !important;
font-size:
13px !important;
line-height:
1.98 !important;
}
#ttDedicatedExperience .ttde-copy-script{
width:
100% !important;
min-height:
37px !important;
margin-top:
10px !important;
padding:
8px 9px !important;
border-color:
rgba(150,144,255,.16) !important;
background:
linear-gradient(
145deg,
rgba(105,98,242,.16),
rgba(255,255,255,.035)
) !important;
font-size:
10px !important;
}
#ttDedicatedExperience .ttde-focus{
margin-top:
10px !important;
padding:
11px 11px 11px 38px !important;
border:
1px solid
rgba(255,209,191,.24) !important;
border-radius:
14px !important;
background:
linear-gradient(
145deg,
rgba(255,209,191,.15),
rgba(255,255,255,.045)
) !important;
box-shadow:
inset 3px 0 0
rgba(255,209,191,.42);
}
#ttDedicatedExperience .ttde-focus::before{
display:
none !important;
}
#ttDedicatedExperience .ttde-focus small{
color:
rgba(255,217,201,.66) !important;
}
#ttDedicatedExperience .ttde-focus strong{
color:
#fff !important;
font-size:
10.5px !important;
}
#ttDedicatedExperience .ttde-focus-icon{
left:
9px !important;
width:
25px !important;
height:
25px !important;
border-color:
rgba(255,209,191,.18) !important;
color:
#ffd1bf !important;
background:
rgba(255,209,191,.075) !important;
}
#ttDedicatedExperience .ttde-timeline{
margin-top:
10px !important;
padding:
0 !important;
display:
grid;
grid-template-columns:
1fr;
gap:
6px;
}
#ttDedicatedExperience .ttde-timeline::before{
display:
none !important;
}
#ttDedicatedExperience .ttde-step{
min-height:
55px !important;
padding:
9px 10px !important;
border:
1px solid
rgba(255,255,255,.08);
border-radius:
12px;
box-shadow:
none;
}
#ttDedicatedExperience .ttde-step:nth-child(1){
border-color:
rgba(255,209,191,.17);
background:
rgba(255,209,191,.075);
}
#ttDedicatedExperience .ttde-step:nth-child(2){
border-color:
rgba(140,134,255,.18);
background:
rgba(105,98,242,.11);
}
#ttDedicatedExperience .ttde-step:nth-child(3){
border-color:
rgba(112,166,151,.18);
background:
rgba(80,136,121,.10);
}
#ttDedicatedExperience .ttde-step::before{
display:
none !important;
}
#ttDedicatedExperience .ttde-step-head{
gap:
7px !important;
}
#ttDedicatedExperience .ttde-step-num{
min-width:
24px;
height:
22px;
display:
inline-grid;
place-items:
center;
border-radius:
7px;
color:
#fff !important;
background:
rgba(255,255,255,.10);
font-size:
7px !important;
}
#ttDedicatedExperience .ttde-step:nth-child(1) .ttde-step-num{
color:
#ffd1bf !important;
background:
rgba(255,209,191,.12);
}
#ttDedicatedExperience .ttde-step:nth-child(2) .ttde-step-num{
color:
#c6c2ff !important;
background:
rgba(105,98,242,.18);
}
#ttDedicatedExperience .ttde-step:nth-child(3) .ttde-step-num{
color:
#a6d7ca !important;
background:
rgba(80,136,121,.16);
}
#ttDedicatedExperience .ttde-step strong{
font-size:
9.3px !important;
}
#ttDedicatedExperience .ttde-step small{
margin-top:
3px !important;
padding-right:
31px;
color:
rgba(255,255,255,.48) !important;
font-size:
7.3px !important;
line-height:
1.65 !important;
}
#ttDedicatedExperience .ttde-media{
padding:
8px 8px 11px !important;
border:
1px solid
rgba(105,98,242,.14) !important;
border-radius:
21px !important;
background:
radial-gradient(
circle at 89% 11%,
rgba(255,209,192,.42),
transparent 19%
),
radial-gradient(
circle at 9% 90%,
rgba(209,203,255,.52),
transparent 23%
),
linear-gradient(
145deg,
#f6f8fc 0%,
#eee9ff 59%,
#fff0e8 100%
) !important;
box-shadow:
0 7px 18px
rgba(54,49,122,.045) !important;
}
#ttDedicatedExperience .ttde-media-micro,
#ttDedicatedExperience .ttde-media-dotgrid,
#ttDedicatedExperience .ttde-media-curve,
#ttDedicatedExperience .ttde-media-orbit-dot,
#ttDedicatedExperience .ttde-number{
display:
none !important;
}
#ttDedicatedExperience .ttde-mobile-state-rail{
min-height:
48px !important;
margin:
0 0 7px !important;
padding:
6px 7px !important;
border:
1px solid
rgba(105,98,242,.13) !important;
border-radius:
14px !important;
background:
linear-gradient(
145deg,
#ffffff,
#f3f0ff
) !important;
box-shadow:
0 5px 14px
rgba(54,49,122,.035) !important;
}
#ttDedicatedExperience .ttde-mobile-state-index{
width:
35px !important;
height:
35px !important;
border-radius:
10px !important;
background:
linear-gradient(
145deg,
#746cf6,
#5d57dc
) !important;
box-shadow:
0 6px 13px
rgba(93,87,220,.16);
}
#ttDedicatedExperience .ttde-mobile-state-live{
min-height:
27px !important;
padding:
0 8px !important;
border:
1px solid
rgba(80,136,121,.12);
color:
#3f6f64 !important;
background:
#eaf6f2 !important;
}
#ttDedicatedExperience .ttde-media-head{
min-height:
37px !important;
margin:
0 0 7px !important;
padding:
6px 7px;
border:
1px solid
rgba(105,98,242,.08);
border-radius:
11px;
background:
rgba(255,255,255,.72);
}
#ttDedicatedExperience .ttde-duration{
border-color:
rgba(80,136,121,.10) !important;
color:
#4f6c64 !important;
background:
#edf7f3 !important;
}
#ttDedicatedExperience .ttde-video-switch{
margin-bottom:
7px !important;
padding:
4px !important;
gap:
4px !important;
border:
1px solid
#d8d7eb !important;
border-radius:
14px !important;
background:
#e8e8f2 !important;
box-shadow:
inset 0 1px 2px
rgba(35,42,90,.035) !important;
}
#ttDedicatedExperience .ttde-video-tab{
min-height:
46px !important;
padding:
5px 6px !important;
border:
1px solid
transparent !important;
border-radius:
10px !important;
color:
#697184 !important;
background:
rgba(255,255,255,.64) !important;
box-shadow:
none !important;
}
#ttDedicatedExperience .ttde-video-tab:nth-child(1)[aria-selected="true"]{
color:
#fff !important;
border-color:
#508879 !important;
background:
linear-gradient(
145deg,
#5d9888,
#487d70
) !important;
box-shadow:
0 7px 15px
rgba(80,136,121,.16) !important;
}
#ttDedicatedExperience .ttde-video-tab:nth-child(2)[aria-selected="true"]{
color:
#fff !important;
border-color:
#6962f2 !important;
background:
linear-gradient(
145deg,
#7770f7,
#5e58df
) !important;
box-shadow:
0 7px 15px
rgba(105,98,242,.16) !important;
}
#ttDedicatedExperience
.ttde-video-tab[aria-selected="true"]
.ttde-tab-copy small{
color:
rgba(255,255,255,.67) !important;
}
#ttDedicatedExperience
.ttde-video-tab:nth-child(1)[aria-selected="true"]
.ttde-tab-num,
#ttDedicatedExperience
.ttde-video-tab:nth-child(2)[aria-selected="true"]
.ttde-tab-num{
color:
#fff !important;
background:
rgba(255,255,255,.14) !important;
}
#ttDedicatedExperience .ttde-human{
min-height:
29px !important;
margin:
0 3px 7px !important;
padding:
2px 6px 5px !important;
color:
rgba(87,78,196,.68) !important;
background:
rgba(255,255,255,.46) !important;
border-radius:
8px !important;
font-size:
13.5px !important;
transform:
rotate(-1.1deg) !important;
}
#ttDedicatedExperience .ttde-video-frame{
padding:
4px !important;
border:
1px solid
rgba(38,45,84,.13) !important;
border-radius:
21px !important;
background:
#fff !important;
box-shadow:
0 12px 30px
rgba(35,42,90,.10) !important;
}
#ttDedicatedExperience .ttde-video-stage,
#ttDedicatedExperience .ttde-video-panel,
#ttDedicatedExperience video{
border-radius:
17px !important;
}
#ttDedicatedExperience .ttde-video-bottom{
min-height:
53px !important;
margin-top:
7px !important;
padding:
6px 7px !important;
border:
1px solid
rgba(80,136,121,.14) !important;
border-radius:
13px !important;
background:
linear-gradient(
145deg,
#eef7f4,
#ffffff
) !important;
box-shadow:
none !important;
}
#ttDedicatedExperience .ttde-person-icon{
color:
#42786a !important;
background:
#dff1eb !important;
}
#ttDedicatedExperience .ttde-person-copy strong{
color:
#25395a !important;
}
#ttDedicatedExperience .ttde-person-copy small,
#ttDedicatedExperience .ttde-state{
color:
#778391 !important;
}
#ttDedicatedExperience .ttde-mobile-call-action{
min-height:
51px !important;
margin-top:
8px !important;
padding:
0 8px 0 13px !important;
border:
1px solid
#477f70 !important;
border-radius:
13px !important;
color:
#fff !important;
background:
linear-gradient(
135deg,
#5d9888,
#427668
) !important;
box-shadow:
0 10px 22px
rgba(80,136,121,.18) !important;
font-size:
9.8px !important;
}
#ttDedicatedExperience .ttde-mobile-call-icon{
width:
33px !important;
height:
33px !important;
border-color:
rgba(255,255,255,.16) !important;
background:
rgba(255,255,255,.11) !important;
}
#ttDedicatedExperience .ttde-contact-modal{
display:none !important;
}
}
@media(max-width:390px){
#ttDedicatedExperience .ttde-shell{
padding:
6px !important;
border-radius:
23px !important;
}
#ttDedicatedExperience .ttde-copy,
#ttDedicatedExperience .ttde-media{
border-radius:
18px !important;
}
#ttDedicatedExperience .ttde-copy{
padding:
21px 13px 14px !important;
}
#ttDedicatedExperience h2{
font-size:
clamp(
27px,
8.2vw,
32px
) !important;
}
#ttDedicatedExperience .ttde-lead{
font-size:
12.7px !important;
}
#ttDedicatedExperience .ttde-step{
padding:
8px 9px !important;
}
#ttDedicatedExperience .ttde-human{
font-size:
13px !important;
}
}
#ttDedicatedExperience .ttde-video-guide{
position:relative;
z-index:8;
min-height:52px;
margin:
0 0 8px;
padding:
8px 9px;
display:grid;
grid-template-columns:
34px minmax(0,1fr) auto;
align-items:center;
gap:8px;
border:
1px solid
rgba(105,98,242,.12);
border-radius:
14px;
background:
linear-gradient(
145deg,
#ffffff,
#f3f0ff
);
box-shadow:
0 6px 16px
rgba(52,48,112,.035);
}
#ttDedicatedExperience .ttde-video-guide-icon{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
color:#fff;
background:
linear-gradient(
145deg,
var(--iris),
#5d57dc
);
box-shadow:
0 7px 14px
rgba(105,98,242,.18);
}
#ttDedicatedExperience .ttde-video-guide-copy{
min-width:0;
}
#ttDedicatedExperience .ttde-video-guide-copy strong{
display:block;
color:var(--ink);
font-size:10.5px;
line-height:1.55;
font-weight:900;
}
#ttDedicatedExperience .ttde-video-guide-copy small{
display:block;
margin-top:2px;
color:#7e8495;
font-size:7.8px;
line-height:1.55;
}
#ttDedicatedExperience .ttde-video-guide-tap{
min-height:25px;
padding:
0 8px;
display:inline-flex;
align-items:center;
border:
1px solid
rgba(80,136,121,.13);
border-radius:999px;
color:#47786c;
background:#eaf6f2;
font-size:7.5px;
font-weight:900;
white-space:nowrap;
}
#ttDedicatedExperience .ttde-video-tab{
position:relative;
border:
1px solid
rgba(23,38,78,.07) !important;
background:
rgba(255,255,255,.78) !important;
}
#ttDedicatedExperience .ttde-video-tab::after{
content:"▶";
position:absolute;
left:8px;
top:50%;
transform:
translateY(-50%);
width:22px;
height:22px;
display:grid;
place-items:center;
border-radius:50%;
color:var(--iris);
background:
var(--iris-soft);
font-family:Arial,sans-serif;
font-size:8px;
line-height:1;
transition:
color .18s ease,
background-color .18s ease,
transform .18s ease;
}
#ttDedicatedExperience
.ttde-video-tab[aria-selected="true"]::after{
color:#fff;
background:
rgba(255,255,255,.16);
transform:
translateY(-50%)
scale(1.06);
}
#ttDedicatedExperience
.ttde-video-tab[aria-selected="true"]
.ttde-tab-copy small{
font-weight:850;
}
#ttDedicatedExperience .ttde-video-play-cta{
position:absolute;
z-index:20;
left:50%;
top:50%;
transform:
translate(-50%,-50%);
min-width:
min(260px,calc(100% - 28px));
min-height:62px;
padding:
7px 10px 7px 8px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
cursor:pointer;
border:
1px solid
rgba(255,255,255,.24);
border-radius:
17px;
color:#fff;
background:
rgba(13,23,49,.82);
-webkit-backdrop-filter:
blur(12px);
backdrop-filter:
blur(12px);
box-shadow:
0 18px 42px
rgba(0,0,0,.24);
transition:
opacity .18s ease,
transform .18s ease,
background-color .18s ease;
}
#ttDedicatedExperience .ttde-video-play-cta:hover{
transform:
translate(-50%,-50%)
scale(1.025);
background:
rgba(13,23,49,.91);
}
#ttDedicatedExperience .ttde-video-play-cta:active{
transform:
translate(-50%,-50%)
scale(.985);
}
#ttDedicatedExperience .ttde-video-play-icon{
width:42px;
height:42px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:50%;
color:#fff;
background:
linear-gradient(
145deg,
#7b74ff,
#5b55da
);
box-shadow:
0 8px 18px
rgba(105,98,242,.34);
}
#ttDedicatedExperience .ttde-video-play-copy{
min-width:0;
text-align:right;
}
#ttDedicatedExperience .ttde-video-play-copy strong{
display:block;
color:#fff;
font-size:11px;
line-height:1.55;
font-weight:900;
}
#ttDedicatedExperience .ttde-video-play-copy small{
display:block;
margin-top:2px;
color:
rgba(255,255,255,.68);
font-size:8px;
line-height:1.5;
}
#ttDedicatedExperience
.ttde-video-panel.has-started
.ttde-video-play-cta{
opacity:0;
visibility:hidden;
pointer-events:none;
}
#ttDedicatedExperience
.ttde-video-tab[aria-selected="true"]
.ttde-tab-copy strong::after{
content:" • انتخاب‌شده";
color:
rgba(255,255,255,.72);
font-size:7px;
font-weight:700;
}
@media(max-width:760px){
#ttDedicatedExperience .ttde-video-guide{
min-height:55px;
grid-template-columns:
35px minmax(0,1fr) auto;
padding:
8px;
border-color:
rgba(105,98,242,.15);
background:
linear-gradient(
145deg,
#ffffff,
#efeaff
);
box-shadow:
0 7px 17px
rgba(54,49,122,.045);
}
#ttDedicatedExperience .ttde-video-guide-icon{
width:35px;
height:35px;
}
#ttDedicatedExperience .ttde-video-guide-copy strong{
font-size:10.2px;
}
#ttDedicatedExperience .ttde-video-guide-copy small{
font-size:7.3px;
}
#ttDedicatedExperience .ttde-video-guide-tap{
min-height:24px;
padding:
0 7px;
font-size:7px;
}
#ttDedicatedExperience .ttde-video-switch{
margin-bottom:
8px !important;
padding:
5px !important;
gap:
5px !important;
}
#ttDedicatedExperience .ttde-video-tab{
min-height:
53px !important;
padding:
6px 28px 6px 6px !important;
border-radius:
11px !important;
}
#ttDedicatedExperience .ttde-video-tab::after{
left:
6px;
width:
24px;
height:
24px;
font-size:
8px;
}
#ttDedicatedExperience .ttde-tab-copy strong{
font-size:
8.5px !important;
}
#ttDedicatedExperience .ttde-tab-copy small{
margin-top:
2px !important;
font-size:
6.7px !important;
}
#ttDedicatedExperience .ttde-video-play-cta{
min-width:
min(235px,calc(100% - 24px));
min-height:
58px;
padding:
7px 9px;
border-radius:
15px;
}
#ttDedicatedExperience .ttde-video-play-icon{
width:
39px;
height:
39px;
}
#ttDedicatedExperience .ttde-video-play-copy strong{
font-size:
10px;
}
#ttDedicatedExperience .ttde-video-play-copy small{
font-size:
7.5px;
}
}
@media(max-width:390px){
#ttDedicatedExperience .ttde-video-guide{
grid-template-columns:
33px minmax(0,1fr);
gap:
7px;
}
#ttDedicatedExperience .ttde-video-guide-tap{
display:none;
}
#ttDedicatedExperience .ttde-video-tab{
min-height:
51px !important;
}
#ttDedicatedExperience .ttde-video-play-cta{
min-width:
calc(100% - 22px);
min-height:
56px;
}
}
#ttDedicatedExperience{
background:none !important;
background-color:transparent !important;
background-image:none !important;
background-repeat:no-repeat !important;
background-size:auto !important;
background-position:initial !important;
background-attachment:scroll !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
#ttDedicatedExperience::before,
#ttDedicatedExperience::after{
content:none !important;
display:none !important;
background:none !important;
border:0 !important;
box-shadow:none !important;
}
#ttDedicatedExperience .ttde-orbit{
display:none !important;
background:none !important;
border:0 !important;
box-shadow:none !important;
}
@media(max-width:760px){
#ttDedicatedExperience{
background:none !important;
background-color:transparent !important;
background-image:none !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
#ttDedicatedExperience::before,
#ttDedicatedExperience::after{
content:none !important;
display:none !important;
}
}
@media(min-width:761px){
#ttDedicatedExperience{
background:none !important;
background-color:transparent !important;
background-image:none !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
#ttDedicatedExperience::before,
#ttDedicatedExperience::after{
content:none !important;
display:none !important;
}
}
#ttDedicatedExperience{
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#ttDedicatedExperience > .ttde-ambient-layer{
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
left:0 !important;
right:0 !important;
top:-90px !important;
bottom:-90px !important;
background-image:
linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 55% !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
transform:none !important;
}
#ttDedicatedExperience > .ttde-wrap{
position:relative !important;
z-index:1 !important;
}
#ttDedicatedExperience video{
filter:none !important;
opacity:1 !important;
mix-blend-mode:normal !important;
}
@media(max-width:760px){
#ttDedicatedExperience > .ttde-ambient-layer{
top:-56px !important;
bottom:-56px !important;
background-image:
linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 55% !important;
background-size:cover !important;
}
}
#ttDedicatedExperience {
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#ttDedicatedExperience::before,
#ttDedicatedExperience::after {
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
#ttDedicatedExperience > .ttde-ambient-layer {
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
top:-100px !important;
right:0 !important;
bottom:-100px !important;
left:0 !important;
background-color:#fffaf7 !important;
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 55% !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
}
#ttDedicatedExperience > .ttde-wrap {
position:relative !important;
z-index:1 !important;
}
#ttDedicatedExperience img,
#ttDedicatedExperience video {
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
}
@media(max-width:767px) {
#ttDedicatedExperience > .ttde-ambient-layer {
top:-56px !important;
bottom:-56px !important;
background-image:linear-gradient(transparent,transparent) !important;
background-position:center 55% !important;
background-size:cover !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
}
}
@font-face{
font-family:"TTDanstevis";
src:url("../fonts/danstevis.ttf") format("truetype");
font-weight:400;
font-style:normal;
font-display:swap;
}
#ttTreatmentTeam{
--bg:#fffaf7;
--paper:#ffffff;
--ink:#182750;
--ink-2:#30405f;
--text:#5d6478;
--muted:#8f96a5;
--sage:#4f8f7e;
--sage-dark:#3d7869;
--sage-soft:#eaf6f2;
--iris:#6975f3;
--iris-soft:#eff0ff;
--peach:#eeb89d;
--peach-soft:#fff0e8;
--dark:#162344;
--dark-2:#203057;
--line:
rgba(24,39,80,.085);
--max:1360px;
position:relative;
width:100%;
padding:
76px 0 94px;
overflow:hidden;
color:
var(--text);
background:
radial-gradient(
circle at 91% 8%,
rgba(105,117,243,.05),
transparent 27%
),
radial-gradient(
circle at 6% 91%,
rgba(79,143,126,.055),
transparent 28%
),
linear-gradient(
180deg,
#fffaf7 0%,
#fbfaf7 48%,
#f9fbf9 100%
);
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif;
-webkit-font-smoothing:
antialiased;
text-rendering:
optimizeLegibility;
}
#ttTreatmentTeam *,
#ttTreatmentTeam *::before,
#ttTreatmentTeam *::after{
box-sizing:border-box;
}
#ttTreatmentTeam a{
color:inherit;
text-decoration:none;
}
#ttTreatmentTeam button{
font:inherit;
}
#ttTreatmentTeam img{
display:block;
max-width:100%;
}
#ttTreatmentTeam figure{
margin:0;
}
#ttTreatmentTeam :focus-visible{
outline:
3px solid
rgba(105,117,243,.30);
outline-offset:3px;
}
#ttTreatmentTeam .tttm-container{
width:min(
var(--max),
calc(100% - 32px)
);
margin-inline:auto;
}
#ttTreatmentTeam .tttm-hand,
#ttTreatmentTeam .tttm-hand *{
font-family:"TTDanstevis","Estedad",Tahoma,sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttTreatmentTeam .tttm-bg-ring{
position:absolute;
border-radius:50%;
pointer-events:none;
}
#ttTreatmentTeam .tttm-bg-ring.one{
width:430px;
height:430px;
left:-265px;
top:92px;
border:
1px solid
rgba(105,117,243,.075);
}
#ttTreatmentTeam .tttm-bg-ring.two{
width:270px;
height:270px;
right:-150px;
bottom:26px;
border:
1px solid
rgba(79,143,126,.085);
}
#ttTreatmentTeam .tttm-grid-mark{
position:absolute;
top:134px;
right:3%;
width:188px;
height:128px;
opacity:.30;
pointer-events:none;
background-image:
linear-gradient(
rgba(24,39,80,.04) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(24,39,80,.04) 1px,
transparent 1px
);
background-size:
22px 22px;
}
#ttTreatmentTeam .tttm-intro{
position:relative;
z-index:3;
max-width:860px;
margin:
0 auto 23px;
text-align:center;
}
#ttTreatmentTeam .tttm-kicker{
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:7px;
color:
var(--sage);
font-size:12px;
line-height:1.6;
font-weight:850;
}
#ttTreatmentTeam .tttm-kicker::before,
#ttTreatmentTeam .tttm-kicker::after{
content:"";
width:38px;
height:1px;
background:
rgba(79,143,126,.30);
}
#ttTreatmentTeam .tttm-intro h2{
margin:0;
color:
var(--ink);
font-size:
clamp(
36px,
3.3vw,
50px
);
line-height:1.42;
letter-spacing:-1px;
font-weight:950;
}
#ttTreatmentTeam .tttm-intro-text{
max-width:720px;
margin:
9px auto 0;
color:
var(--text);
font-size:14.5px;
line-height:2;
}
#ttTreatmentTeam .tttm-intro-hand{
position:absolute;
left:-5px;
bottom:-5px;
color:
rgba(79,143,126,.67);
font-size:18px;
transform:
rotate(-4deg);
pointer-events:none;
}
#ttTreatmentTeam .tttm-intro-hand::after{
content:"";
display:block;
width:82px;
height:15px;
margin:
-4px auto 0;
border-bottom:
1px solid
rgba(79,143,126,.31);
border-radius:50%;
}
#ttTreatmentTeam .tttm-shell{
position:relative;
z-index:3;
padding:18px;
display:grid;
grid-template-columns:
minmax(0,1.12fr)
minmax(405px,.88fr);
grid-template-areas:
"team authority";
gap:15px;
overflow:hidden;
border:
1px solid
rgba(79,143,126,.13);
border-radius:40px;
background:
rgba(255,255,255,.91);
box-shadow:
0 38px 100px
rgba(31,43,77,.07),
0 12px 30px
rgba(31,43,77,.028);
direction:ltr;
}
#ttTreatmentTeam .tttm-shell::before{
content:"";
position:absolute;
z-index:20;
top:0;
right:92px;
width:220px;
height:7px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--sage-soft),
var(--iris-soft)
);
}
#ttTreatmentTeam .tttm-shell::after{
content:"";
position:absolute;
z-index:20;
left:80px;
bottom:0;
width:120px;
height:6px;
border-radius:
999px 999px 0 0;
background:
var(--peach);
}
#ttTreatmentTeam .tttm-authority{
grid-area:authority;
position:relative;
min-width:0;
overflow:hidden;
padding:18px;
border-radius:29px;
color:#fff;
background:
radial-gradient(
circle at 14% 14%,
rgba(105,117,243,.17),
transparent 30%
),
radial-gradient(
circle at 94% 88%,
rgba(79,143,126,.14),
transparent 32%
),
repeating-linear-gradient(
135deg,
transparent 0,
transparent 18px,
rgba(255,255,255,.017) 18px,
rgba(255,255,255,.017) 19px
),
linear-gradient(
145deg,
var(--dark) 0%,
var(--dark-2) 100%
);
direction:rtl;
}
#ttTreatmentTeam .tttm-authority::before{
content:"";
position:absolute;
right:0;
top:44px;
width:5px;
height:145px;
border-radius:
6px 0 0 6px;
background:
var(--peach);
opacity:.80;
}
#ttTreatmentTeam .tttm-authority::after{
content:"";
position:absolute;
left:24px;
top:21px;
width:76px;
height:2px;
opacity:.20;
background:
repeating-linear-gradient(
90deg,
#fff 0,
#fff 1px,
transparent 1px,
transparent 10px
);
}
#ttTreatmentTeam .tttm-authority-head{
position:relative;
z-index:5;
min-height:38px;
margin-bottom:10px;
display:flex;
align-items:center;
justify-content:
space-between;
gap:10px;
}
#ttTreatmentTeam .tttm-authority-label{
min-height:29px;
padding:
0 10px;
display:inline-flex;
align-items:center;
gap:7px;
border:
1px solid
rgba(255,255,255,.11);
border-radius:999px;
color:
rgba(255,255,255,.75);
background:
rgba(255,255,255,.05);
font-size:9px;
font-weight:850;
}
#ttTreatmentTeam .tttm-authority-label i{
width:7px;
height:7px;
border-radius:50%;
background:
var(--peach);
box-shadow:
0 0 0 4px
rgba(238,184,157,.07);
}
#ttTreatmentTeam .tttm-authority-code{
color:
rgba(255,255,255,.32);
font-family:
Arial,
sans-serif;
font-size:8px;
font-weight:850;
letter-spacing:1.2px;
}
#ttTreatmentTeam .tttm-authority-main{
position:relative;
z-index:4;
}
#ttTreatmentTeam .tttm-tohid-media{
position:relative;
z-index:4;
padding:6px;
overflow:hidden;
border:
1px solid
rgba(255,255,255,.11);
border-radius:24px;
background:
rgba(255,255,255,.07);
box-shadow:
0 17px 42px
rgba(0,0,0,.14);
}
#ttTreatmentTeam .tttm-tohid-media-inner{
position:relative;
overflow:hidden;
border-radius:18px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.08),
rgba(255,255,255,.02)
);
}
#ttTreatmentTeam .tttm-tohid-media img{
width:100% !important;
height:auto !important;
max-height:350px;
object-fit:contain !important;
object-position:
center bottom !important;
margin:
0 auto;
filter:none !important;
}
#ttTreatmentTeam .tttm-tohid-media::after{
content:"";
position:absolute;
z-index:4;
inset:12px;
pointer-events:none;
border:
1px solid
rgba(255,255,255,.16);
border-radius:15px;
}
#ttTreatmentTeam .tttm-tohid-body{
position:relative;
z-index:4;
padding:
18px 5px 3px;
}
#ttTreatmentTeam .tttm-tohid-body h3{
margin:0;
color:#fff;
font-size:26px;
line-height:1.5;
letter-spacing:-.45px;
font-weight:950;
}
#ttTreatmentTeam .tttm-role{
margin-top:4px;
color:#f5d4c4;
font-size:11px;
font-weight:850;
}
#ttTreatmentTeam .tttm-tohid-body p{
margin:
12px 0 0;
color:
rgba(255,255,255,.65);
font-size:11px;
line-height:1.95;
}
#ttTreatmentTeam .tttm-role-note{
margin-top:14px;
padding:
15px 16px;
display:flex;
align-items:flex-start;
gap:10px;
border:
1px solid
rgba(255,255,255,.09);
border-radius:14px;
color:
rgba(255,255,255,.63);
background:
rgba(255,255,255,.045);
font-size:13px;
line-height:1.9;
}
#ttTreatmentTeam .tttm-role-note svg{
flex:0 0 auto;
margin-top:2px;
color:#f5d4c4;
}
#ttTreatmentTeam .tttm-authority-tags{
margin-top:14px;
display:flex;
flex-wrap:wrap;
gap:6px;
}
#ttTreatmentTeam .tttm-authority-tag{
min-height:29px;
padding:
0 9px;
display:inline-flex;
align-items:center;
gap:6px;
border:
1px solid
rgba(255,255,255,.09);
border-radius:999px;
color:
rgba(255,255,255,.68);
background:
rgba(255,255,255,.045);
font-size:8.5px;
font-weight:800;
}
#ttTreatmentTeam .tttm-authority-tag::before{
content:"";
width:5px;
height:5px;
border-radius:50%;
background:
var(--peach);
}
#ttTreatmentTeam .tttm-authority-tag.green::before{
background:#78ad9d;
}
#ttTreatmentTeam .tttm-authority-action{
margin-top:16px;
}
#ttTreatmentTeam .tttm-authority-cta{
min-height:49px;
padding:
0 13px 0 7px;
display:inline-flex;
align-items:center;
gap:12px;
border:
1px solid
rgba(255,255,255,.13);
border-radius:14px;
color:
var(--dark);
background:#fff;
box-shadow:
0 12px 28px
rgba(0,0,0,.14);
font-size:11px;
font-weight:900;
transition:
transform .18s ease,
box-shadow .18s ease;
}
#ttTreatmentTeam .tttm-authority-cta:hover{
transform:
translateY(-2px);
box-shadow:
0 17px 34px
rgba(0,0,0,.18);
}
#ttTreatmentTeam .tttm-authority-arrow{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
color:#fff;
background:
linear-gradient(
145deg,
var(--iris),
#5d69d5
);
}
#ttTreatmentTeam .tttm-team{
grid-area:team;
position:relative;
min-width:0;
overflow:hidden;
padding:
24px 24px 22px;
border:
1px solid
rgba(24,39,80,.07);
border-radius:29px;
background:
radial-gradient(
circle at 88% 12%,
rgba(105,117,243,.08),
transparent 28%
),
radial-gradient(
circle at 8% 90%,
rgba(238,184,157,.13),
transparent 31%
),
linear-gradient(
145deg,
#f7f8fb 0%,
#f9f5ef 100%
);
direction:rtl;
}
#ttTreatmentTeam .tttm-number{
position:absolute;
z-index:1;
left:26px;
bottom:23px;
width:200px;
height:166px;
pointer-events:none;
user-select:none;
}
#ttTreatmentTeam .tttm-number strong{
position:absolute;
left:2px;
bottom:31px;
color:
rgba(24,39,80,.052);
font-family:
Arial,
sans-serif;
font-size:132px;
line-height:.8;
font-weight:900;
letter-spacing:-10px;
}
#ttTreatmentTeam .tttm-number span{
position:absolute;
left:11px;
bottom:0;
display:flex;
align-items:center;
gap:8px;
color:
rgba(24,39,80,.27);
font-family:
Arial,
sans-serif;
font-size:7.5px;
font-weight:850;
letter-spacing:1.35px;
white-space:nowrap;
}
#ttTreatmentTeam .tttm-number span::before{
content:"";
width:41px;
height:1px;
background:
rgba(238,184,157,.43);
}
#ttTreatmentTeam .tttm-number::before{
content:"";
position:absolute;
left:-10px;
bottom:-8px;
width:110px;
height:51px;
border-left:
1px solid
rgba(238,184,157,.38);
border-bottom:
1px solid
rgba(238,184,157,.38);
border-radius:
0 0 0 22px;
}
#ttTreatmentTeam .tttm-number::after{
content:"";
position:absolute;
left:99px;
bottom:-8px;
width:48px;
height:1px;
background:
linear-gradient(
90deg,
rgba(238,184,157,.38),
transparent
);
}
#ttTreatmentTeam .tttm-team-ring{
position:absolute;
z-index:1;
border-radius:50%;
pointer-events:none;
}
#ttTreatmentTeam .tttm-team-ring.r1{
width:350px;
height:350px;
left:-160px;
top:100px;
border:
1px solid
rgba(105,117,243,.11);
}
#ttTreatmentTeam .tttm-team-ring.r2{
width:225px;
height:225px;
left:-92px;
top:162px;
border:
1px solid
rgba(79,143,126,.12);
}
#ttTreatmentTeam .tttm-team-rail{
position:absolute;
z-index:1;
right:19px;
top:122px;
width:25px;
height:230px;
border-radius:12px;
background:
var(--peach-soft);
}
#ttTreatmentTeam .tttm-corner{
position:absolute;
z-index:2;
width:44px;
height:44px;
pointer-events:none;
}
#ttTreatmentTeam .tttm-corner.one{
top:14px;
right:14px;
border-top:
1px solid
rgba(79,143,126,.30);
border-right:
1px solid
rgba(79,143,126,.30);
border-radius:
0 12px 0 0;
}
#ttTreatmentTeam .tttm-corner.two{
left:14px;
bottom:14px;
border-left:
1px solid
rgba(238,184,157,.29);
border-bottom:
1px solid
rgba(238,184,157,.29);
border-radius:
0 0 0 12px;
}
#ttTreatmentTeam .tttm-team-head{
position:relative;
z-index:5;
min-height:52px;
margin-bottom:13px;
display:flex;
align-items:flex-start;
justify-content:
space-between;
gap:14px;
}
#ttTreatmentTeam .tttm-team-title small{
display:flex;
align-items:center;
gap:7px;
color:
var(--sage);
font-size:9px;
font-weight:850;
}
#ttTreatmentTeam .tttm-team-title small::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:
var(--sage);
box-shadow:
0 0 0 4px
rgba(79,143,126,.075);
}
#ttTreatmentTeam .tttm-team-title h3{
margin:
5px 0 0;
color:
var(--ink);
font-size:
clamp(
25px,
2.2vw,
34px
);
line-height:1.5;
letter-spacing:-.55px;
font-weight:950;
}
#ttTreatmentTeam .tttm-team-status{
min-height:29px;
padding:
0 9px;
display:inline-flex;
align-items:center;
border:
1px solid
rgba(24,39,80,.07);
border-radius:999px;
color:
var(--muted);
background:
rgba(255,255,255,.66);
font-size:8px;
font-weight:850;
}
#ttTreatmentTeam .tttm-clarity{
position:relative;
z-index:5;
margin-bottom:13px;
padding:
11px 12px;
display:flex;
align-items:center;
gap:9px;
border:
1px solid
rgba(79,143,126,.10);
border-radius:14px;
color:
var(--ink-2);
background:
rgba(255,255,255,.70);
font-size:10px;
line-height:1.85;
}
#ttTreatmentTeam .tttm-clarity-icon{
width:30px;
height:30px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:10px;
color:
var(--sage);
background:
var(--sage-soft);
}
#ttTreatmentTeam .tttm-team-grid{
position:relative;
z-index:5;
display:grid;
grid-template-columns:
repeat(
3,
minmax(0,1fr)
);
gap:9px;
}
#ttTreatmentTeam .tttm-doctor{
position:relative;
min-width:0;
overflow:hidden;
padding:7px;
border:
1px solid
rgba(24,39,80,.075);
border-radius:20px;
background:
rgba(255,255,255,.94);
box-shadow:
0 10px 26px
rgba(31,43,77,.035);
transition:
transform .2s ease,
box-shadow .2s ease,
border-color .2s ease;
}
#ttTreatmentTeam .tttm-doctor:hover{
transform:
translateY(-3px);
border-color:
rgba(79,143,126,.16);
box-shadow:
0 16px 34px
rgba(31,43,77,.06);
}
#ttTreatmentTeam .tttm-doctor-photo{
position:relative;
overflow:hidden;
border-radius:15px;
background:
linear-gradient(
145deg,
#f2f5f6,
#f6f2ee
);
}
#ttTreatmentTeam .tttm-doctor-photo img{
width:100% !important;
height:auto !important;
max-height:245px;
object-fit:contain !important;
object-position:
center bottom !important;
margin:
0 auto;
filter:none !important;
}
#ttTreatmentTeam .tttm-doctor-code{
position:absolute;
z-index:3;
top:8px;
left:8px;
min-height:23px;
padding:
0 7px;
display:inline-flex;
align-items:center;
border:
1px solid
rgba(255,255,255,.48);
border-radius:999px;
color:
rgba(24,39,80,.56);
background:
rgba(255,255,255,.78);
backdrop-filter:
blur(8px);
font-family:
Arial,
sans-serif;
font-size:7px;
font-weight:850;
letter-spacing:.7px;
}
#ttTreatmentTeam .tttm-doctor-body{
padding:
11px 5px 7px;
}
#ttTreatmentTeam .tttm-doctor-body h4{
margin:0;
color:
var(--ink);
font-size:13px;
line-height:1.65;
font-weight:950;
}
#ttTreatmentTeam .tttm-doctor-body p{
margin:
4px 0 0;
color:
var(--sage-dark);
font-size:9.5px;
line-height:1.7;
font-weight:800;
}
#ttTreatmentTeam .tttm-doctor-line{
display:block;
width:34px;
height:2px;
margin-top:9px;
border-radius:999px;
background:
linear-gradient(
90deg,
var(--sage),
transparent
);
opacity:.42;
}
#ttTreatmentTeam .tttm-team-foot{
position:relative;
z-index:5;
margin-top:13px;
min-height:48px;
padding:
8px 10px;
display:flex;
align-items:center;
justify-content:
space-between;
gap:12px;
border:
1px solid
rgba(24,39,80,.065);
border-radius:14px;
background:
rgba(255,255,255,.67);
}
#ttTreatmentTeam .tttm-team-foot-copy{
display:flex;
align-items:center;
gap:8px;
color:
var(--muted);
font-size:9px;
line-height:1.7;
}
#ttTreatmentTeam .tttm-team-foot-copy i{
width:6px;
height:6px;
flex:0 0 auto;
border-radius:50%;
background:
var(--iris);
}
#ttTreatmentTeam .tttm-team-jump{
min-height:32px;
padding:
0 10px;
display:inline-flex;
align-items:center;
gap:6px;
border:
1px solid
rgba(105,117,243,.12);
border-radius:10px;
color:
var(--ink);
background:#fff;
cursor:pointer;
font-size:8.5px;
font-weight:850;
transition:
transform .16s ease,
border-color .16s ease;
}
#ttTreatmentTeam .tttm-team-jump:hover{
transform:
translateY(-1px);
border-color:
rgba(105,117,243,.26);
}
@media(min-width:761px){
#ttTreatmentTeam .tttm-authority{
animation:
tttmAuthorityIn
.65s
cubic-bezier(.2,.75,.2,1)
both;
}
#ttTreatmentTeam .tttm-team{
animation:
tttmTeamIn
.72s
.07s
cubic-bezier(.2,.75,.2,1)
both;
}
@keyframes tttmAuthorityIn{
from{
opacity:0;
transform:
translateX(10px);
}
to{
opacity:1;
transform:none;
}
}
@keyframes tttmTeamIn{
from{
opacity:0;
transform:
translateY(11px);
}
to{
opacity:1;
transform:none;
}
}
}
@media(max-width:1120px) and (min-width:761px){
#ttTreatmentTeam .tttm-shell{
grid-template-columns:
minmax(0,1.15fr)
minmax(340px,.85fr);
grid-template-areas:
"team authority";
}
#ttTreatmentTeam .tttm-authority{
padding:15px;
}
#ttTreatmentTeam .tttm-tohid-media img{
max-height:315px;
}
#ttTreatmentTeam .tttm-team{
padding:
19px 17px;
}
#ttTreatmentTeam .tttm-team-grid{
grid-template-columns:
repeat(
2,
minmax(0,1fr)
);
}
#ttTreatmentTeam .tttm-doctor:last-child{
grid-column:
1 / -1;
display:grid;
grid-template-columns:
180px
minmax(0,1fr);
align-items:center;
}
#ttTreatmentTeam
.tttm-doctor:last-child
.tttm-doctor-photo img{
max-height:190px;
}
}
@media(max-width:760px){
#ttTreatmentTeam{
padding:
37px 0 56px;
}
#ttTreatmentTeam .tttm-container{
width:
calc(100% - 12px);
}
#ttTreatmentTeam .tttm-bg-ring,
#ttTreatmentTeam .tttm-grid-mark{
display:none;
}
#ttTreatmentTeam .tttm-intro{
margin-bottom:12px;
padding:
0 4px;
text-align:right;
}
#ttTreatmentTeam .tttm-kicker{
justify-content:
flex-start;
margin-bottom:4px;
font-size:10.5px;
}
#ttTreatmentTeam .tttm-kicker::before{
display:none;
}
#ttTreatmentTeam .tttm-kicker::after{
width:39px;
}
#ttTreatmentTeam .tttm-intro h2{
font-size:
clamp(
28px,
8vw,
34px
);
line-height:1.45;
letter-spacing:-.5px;
}
#ttTreatmentTeam .tttm-intro-text{
margin:
5px 0 0;
font-size:13.5px;
line-height:1.95;
}
#ttTreatmentTeam .tttm-intro-hand{
display:none;
}
#ttTreatmentTeam .tttm-shell{
padding:7px;
grid-template-columns:
1fr;
grid-template-areas:
"authority"
"team";
gap:7px;
border-radius:29px;
box-shadow:
0 20px 52px
rgba(31,43,77,.065);
}
#ttTreatmentTeam .tttm-shell::before{
right:44px;
width:118px;
height:5px;
}
#ttTreatmentTeam .tttm-shell::after{
left:29px;
width:76px;
height:4px;
}
#ttTreatmentTeam .tttm-authority{
padding:12px;
border-radius:23px;
}
#ttTreatmentTeam .tttm-authority::before{
top:34px;
width:4px;
height:93px;
}
#ttTreatmentTeam .tttm-authority::after{
top:14px;
left:16px;
width:48px;
}
#ttTreatmentTeam .tttm-authority-head{
min-height:32px;
margin-bottom:7px;
}
#ttTreatmentTeam .tttm-authority-label{
min-height:26px;
padding:
0 8px;
font-size:8px;
}
#ttTreatmentTeam .tttm-authority-code{
font-size:6.7px;
}
#ttTreatmentTeam .tttm-authority-main{
display:grid;
grid-template-columns:
112px
minmax(0,1fr);
gap:12px;
align-items:start;
}
#ttTreatmentTeam .tttm-tohid-media{
padding:4px;
border-radius:17px;
}
#ttTreatmentTeam .tttm-tohid-media-inner{
border-radius:13px;
}
#ttTreatmentTeam .tttm-tohid-media::after{
inset:8px;
border-radius:10px;
}
#ttTreatmentTeam .tttm-tohid-media img{
max-height:160px;
}
#ttTreatmentTeam .tttm-tohid-body{
padding:
2px 0 0;
}
#ttTreatmentTeam .tttm-tohid-body h3{
font-size:20px;
}
#ttTreatmentTeam .tttm-role{
margin-top:2px;
font-size:9px;
}
#ttTreatmentTeam .tttm-tohid-body p{
margin-top:7px;
font-size:9px;
line-height:1.75;
}
#ttTreatmentTeam .tttm-role-note{
margin-top:8px;
padding:
8px 9px;
border-radius:11px;
font-size:8px;
line-height:1.65;
}
#ttTreatmentTeam .tttm-authority-tags{
margin-top:8px;
gap:4px;
}
#ttTreatmentTeam .tttm-authority-tag{
min-height:25px;
padding:
0 7px;
font-size:7px;
}
#ttTreatmentTeam .tttm-authority-action{
margin-top:9px;
}
#ttTreatmentTeam .tttm-authority-cta{
width:100%;
min-height:44px;
justify-content:
space-between;
font-size:9.5px;
}
#ttTreatmentTeam .tttm-authority-arrow{
width:31px;
height:31px;
border-radius:9px;
}
#ttTreatmentTeam .tttm-team{
padding:
15px 9px 15px;
border-radius:23px;
}
#ttTreatmentTeam .tttm-team-ring,
#ttTreatmentTeam .tttm-team-rail{
display:none;
}
#ttTreatmentTeam .tttm-corner{
width:32px;
height:32px;
}
#ttTreatmentTeam .tttm-corner.one{
top:8px;
right:8px;
}
#ttTreatmentTeam .tttm-corner.two{
left:8px;
bottom:8px;
}
#ttTreatmentTeam .tttm-team-head{
min-height:45px;
margin:
0 4px 8px;
}
#ttTreatmentTeam .tttm-team-title small{
font-size:8px;
}
#ttTreatmentTeam .tttm-team-title h3{
margin-top:3px;
font-size:
clamp(
21px,
6vw,
25px
);
}
#ttTreatmentTeam .tttm-team-status{
min-height:25px;
padding:
0 7px;
font-size:7px;
}
#ttTreatmentTeam .tttm-clarity{
margin-bottom:8px;
padding:
9px 10px;
border-radius:12px;
font-size:8.5px;
}
#ttTreatmentTeam .tttm-clarity-icon{
width:27px;
height:27px;
border-radius:9px;
}
#ttTreatmentTeam .tttm-team-grid{
display:flex;
gap:7px;
overflow-x:auto;
padding:
1px 1px 4px;
scroll-snap-type:
x proximity;
overscroll-behavior-inline:
contain;
-webkit-overflow-scrolling:
touch;
scrollbar-width:none;
}
#ttTreatmentTeam
.tttm-team-grid::-webkit-scrollbar{
display:none;
}
#ttTreatmentTeam .tttm-doctor{
width:66%;
min-width:66%;
flex:0 0 auto;
padding:5px;
border-radius:17px;
scroll-snap-align:start;
}
#ttTreatmentTeam .tttm-doctor-photo{
border-radius:13px;
}
#ttTreatmentTeam .tttm-doctor-photo img{
max-height:210px;
}
#ttTreatmentTeam .tttm-doctor-code{
top:6px;
left:6px;
min-height:20px;
padding:
0 6px;
font-size:6px;
}
#ttTreatmentTeam .tttm-doctor-body{
padding:
9px 4px 6px;
}
#ttTreatmentTeam .tttm-doctor-body h4{
font-size:11px;
}
#ttTreatmentTeam .tttm-doctor-body p{
font-size:8px;
}
#ttTreatmentTeam .tttm-doctor-line{
margin-top:7px;
}
#ttTreatmentTeam .tttm-team-foot{
margin-top:8px;
min-height:45px;
padding:
7px 8px;
border-radius:12px;
}
#ttTreatmentTeam .tttm-team-foot-copy{
font-size:7.5px;
}
#ttTreatmentTeam .tttm-team-jump{
min-height:29px;
padding:
0 8px;
font-size:7px;
}
#ttTreatmentTeam .tttm-number{
left:8px;
bottom:7px;
width:113px;
height:94px;
}
#ttTreatmentTeam .tttm-number strong{
left:1px;
bottom:19px;
font-size:77px;
letter-spacing:-6px;
color:
rgba(24,39,80,.038);
}
#ttTreatmentTeam .tttm-number span{
left:5px;
bottom:0;
gap:5px;
font-size:5.8px;
letter-spacing:.8px;
}
#ttTreatmentTeam .tttm-number span::before{
width:24px;
}
#ttTreatmentTeam .tttm-number::before{
left:-4px;
bottom:-4px;
width:68px;
height:32px;
border-radius:
0 0 0 15px;
}
#ttTreatmentTeam .tttm-number::after{
left:63px;
bottom:-4px;
width:28px;
}
}
@media(max-width:390px){
#ttTreatmentTeam .tttm-authority-main{
grid-template-columns:
98px
minmax(0,1fr);
gap:9px;
}
#ttTreatmentTeam .tttm-tohid-body h3{
font-size:18px;
}
#ttTreatmentTeam .tttm-tohid-body p{
font-size:8.4px;
}
#ttTreatmentTeam .tttm-role-note{
font-size:7.5px;
}
#ttTreatmentTeam .tttm-doctor{
width:72%;
min-width:72%;
}
#ttTreatmentTeam .tttm-team-foot-copy{
display:none;
}
#ttTreatmentTeam .tttm-team-jump{
width:100%;
justify-content:center;
}
}
@media(prefers-reduced-motion:reduce){
#ttTreatmentTeam *,
#ttTreatmentTeam *::before,
#ttTreatmentTeam *::after{
animation:none !important;
transition:none !important;
scroll-behavior:auto !important;
}
}
#ttTreatmentTeam{
--bg:#fff8f5;
--paper:#fffefd;
--ink:#17264f;
--ink-2:#304069;
--text:#5e6578;
--muted:#9198a7;
--sage:#4f8f7e;
--sage-dark:#3d7869;
--sage-soft:#eaf6f2;
--iris:#6962f2;
--iris-soft:#efedff;
--peach:#ffd1bf;
--peach-soft:#fff0e9;
--coral:#df846c;
--dark:#162344;
--dark-2:#203057;
padding:
76px 0 94px;
background:
radial-gradient(
circle at 91% 8%,
rgba(255,210,193,.29),
transparent 23%
),
radial-gradient(
circle at 6% 91%,
rgba(222,216,255,.24),
transparent 25%
),
linear-gradient(
180deg,
#fff8f5 0%,
#fbfaf7 49%,
#f9fbf9 100%
);
}
#ttTreatmentTeam .tttm-hand,
#ttTreatmentTeam .tttm-hand *,
#ttTreatmentTeam .tttm-intro-hand,
#ttTreatmentTeam .tttm-authority-script,
#ttTreatmentTeam .tttm-team-script{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttTreatmentTeam .tttm-intro{
display:flex;
flex-direction:column;
align-items:center;
max-width:890px;
margin-bottom:24px;
}
#ttTreatmentTeam .tttm-kicker{
color:var(--sage-dark);
}
#ttTreatmentTeam .tttm-intro h2{
font-size:
clamp(
38px,
3.4vw,
51px
);
}
#ttTreatmentTeam .tttm-intro-text{
max-width:740px;
}
#ttTreatmentTeam .tttm-intro-hand{
position:relative !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
display:inline-block !important;
align-self:flex-end;
width:max-content;
max-width:100%;
margin:
9px 3px 0 0;
padding:
3px 10px 7px;
color:
rgba(88,79,208,.72);
font-size:19px;
line-height:1.05;
border-radius:10px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.94),
rgba(239,235,255,.10)
);
transform:
rotate(-2.5deg);
}
#ttTreatmentTeam .tttm-intro-hand::after{
width:72px;
border-bottom-color:
rgba(105,98,242,.26);
}
#ttTreatmentTeam .tttm-intro-micro{
align-self:flex-start;
margin-top:-18px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(23,38,79,.27);
font-family:
Arial,
sans-serif;
font-size:6.2px;
font-weight:900;
letter-spacing:1.2px;
}
#ttTreatmentTeam .tttm-intro-micro i{
width:28px;
height:1px;
background:
rgba(223,132,108,.34);
}
#ttTreatmentTeam .tttm-shell{
padding:19px;
gap:17px;
border-color:
rgba(105,98,242,.10);
background:
linear-gradient(
180deg,
rgba(255,255,255,.94),
rgba(255,255,255,.87)
);
box-shadow:
0 42px 110px
rgba(35,42,90,.067),
0 12px 32px
rgba(35,42,90,.025);
}
#ttTreatmentTeam .tttm-shell::before{
background:
linear-gradient(
90deg,
var(--sage-soft),
var(--iris-soft),
var(--peach-soft)
);
}
#ttTreatmentTeam .tttm-mobile-state-rail{
display:none;
}
#ttTreatmentTeam .tttm-authority{
isolation:isolate;
padding:19px;
background:
radial-gradient(
circle at 14% 14%,
rgba(105,98,242,.18),
transparent 29%
),
radial-gradient(
circle at 94% 88%,
rgba(79,143,126,.14),
transparent 31%
),
radial-gradient(
circle at 15% 91%,
rgba(255,209,191,.075),
transparent 19%
),
repeating-linear-gradient(
135deg,
transparent 0,
transparent 18px,
rgba(255,255,255,.017) 18px,
rgba(255,255,255,.017) 19px
),
linear-gradient(
145deg,
var(--dark),
var(--dark-2)
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.025);
}
#ttTreatmentTeam .tttm-authority::before{
background:
linear-gradient(
180deg,
var(--peach),
rgba(105,98,242,.64)
);
}
#ttTreatmentTeam .tttm-authority-micro{
position:absolute;
z-index:2;
left:25px;
top:70px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(255,255,255,.25);
font-family:
Arial,
sans-serif;
font-size:6.1px;
font-weight:900;
letter-spacing:1.15px;
pointer-events:none;
}
#ttTreatmentTeam .tttm-authority-micro i{
width:25px;
height:1px;
background:
rgba(255,209,191,.42);
}
#ttTreatmentTeam .tttm-authority-micro strong{
color:
rgba(255,255,255,.13);
font-size:15px;
line-height:1;
}
#ttTreatmentTeam .tttm-authority-dotgrid{
position:absolute;
z-index:2;
left:25px;
top:113px;
display:grid;
grid-template-columns:
repeat(4,4px);
gap:6px;
pointer-events:none;
}
#ttTreatmentTeam .tttm-authority-dotgrid i{
width:4px;
height:4px;
border-radius:50%;
background:
rgba(255,255,255,.10);
}
#ttTreatmentTeam .tttm-authority-curve{
position:absolute;
z-index:2;
left:18px;
bottom:68px;
width:89px;
color:
rgba(255,209,191,.15);
transform:
rotate(-8deg);
pointer-events:none;
}
#ttTreatmentTeam .tttm-tohid-media{
position:relative;
border-color:
rgba(255,255,255,.12);
background:
linear-gradient(
145deg,
rgba(255,255,255,.085),
rgba(255,255,255,.04)
);
box-shadow:
0 18px 44px
rgba(0,0,0,.15);
}
#ttTreatmentTeam .tttm-tohid-photo-label{
position:absolute;
z-index:7;
top:11px;
left:11px;
min-height:24px;
padding:
0 8px;
display:flex;
align-items:center;
gap:6px;
border:
1px solid
rgba(255,255,255,.15);
border-radius:999px;
color:
rgba(255,255,255,.65);
background:
rgba(18,30,61,.38);
-webkit-backdrop-filter:
blur(8px);
backdrop-filter:
blur(8px);
font-family:
Arial,
sans-serif;
font-size:6px;
font-weight:900;
letter-spacing:.9px;
}
#ttTreatmentTeam .tttm-tohid-photo-label i{
width:15px;
height:1px;
background:
rgba(255,209,191,.52);
}
#ttTreatmentTeam .tttm-tohid-photo-label b{
color:
rgba(255,255,255,.35);
font-size:9px;
}
#ttTreatmentTeam .tttm-tohid-photo-axis{
position:absolute;
z-index:6;
right:11px;
top:50%;
display:grid;
gap:8px;
transform:
translateY(-50%);
pointer-events:none;
}
#ttTreatmentTeam .tttm-tohid-photo-axis i{
width:15px;
height:1px;
background:
rgba(255,255,255,.18);
}
#ttTreatmentTeam .tttm-tohid-photo-axis i:nth-child(2){
width:23px;
}
#ttTreatmentTeam .tttm-authority-script{
display:inline-block;
width:max-content;
max-width:100%;
margin-top:10px;
padding:
3px 8px 6px;
color:
rgba(238,225,255,.80);
font-size:17px;
line-height:1;
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(105,98,242,.18),
rgba(105,98,242,.02)
);
transform:
rotate(-2deg);
}
#ttTreatmentTeam .tttm-authority-script::after{
content:"";
display:block;
width:58px;
height:10px;
margin:
-2px auto 0;
border-bottom:
1px solid
rgba(255,209,191,.27);
border-radius:50%;
}
#ttTreatmentTeam .tttm-team{
isolation:isolate;
border-color:
rgba(105,98,242,.075);
background:
radial-gradient(
circle at 88% 12%,
rgba(255,209,192,.38),
transparent 20%
),
radial-gradient(
circle at 8% 90%,
rgba(222,216,255,.42),
transparent 24%
),
linear-gradient(
145deg,
#f7f8fb 0%,
#f3efff 51%,
#fff3ed 100%
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.44);
}
#ttTreatmentTeam .tttm-team-micro{
position:absolute;
z-index:3;
right:24px;
top:85px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(23,38,79,.28);
font-family:
Arial,
sans-serif;
font-size:6.2px;
font-weight:900;
letter-spacing:1.15px;
pointer-events:none;
}
#ttTreatmentTeam .tttm-team-micro i{
width:25px;
height:1px;
background:
rgba(223,132,108,.34);
}
#ttTreatmentTeam .tttm-team-micro strong{
color:
rgba(23,38,79,.13);
font-size:14px;
line-height:1;
}
#ttTreatmentTeam .tttm-team-dotgrid{
position:absolute;
z-index:2;
left:27px;
top:106px;
display:grid;
grid-template-columns:
repeat(4,4px);
gap:6px;
pointer-events:none;
}
#ttTreatmentTeam .tttm-team-dotgrid i{
width:4px;
height:4px;
border-radius:50%;
background:
rgba(23,38,79,.10);
}
#ttTreatmentTeam .tttm-team-script{
position:absolute;
z-index:4;
left:28px;
bottom:85px;
padding:
3px 8px 6px;
color:
rgba(88,79,208,.68);
font-size:18px;
line-height:1;
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.93),
rgba(239,235,255,.08)
);
transform:
rotate(-4deg);
pointer-events:none;
}
#ttTreatmentTeam .tttm-team-script::after{
content:"";
display:block;
width:58px;
height:10px;
margin:
-2px auto 0;
border-bottom:
1px solid
rgba(105,98,242,.23);
border-radius:50%;
}
#ttTreatmentTeam .tttm-doctor{
isolation:isolate;
border-color:
rgba(23,38,79,.07);
background:
linear-gradient(
145deg,
rgba(255,255,255,.97),
rgba(255,253,251,.92)
);
box-shadow:
0 10px 28px
rgba(35,42,90,.032);
}
#ttTreatmentTeam .tttm-doctor:nth-child(1){
background:
linear-gradient(
145deg,
#fff,
#f6faf8
);
}
#ttTreatmentTeam .tttm-doctor:nth-child(2){
background:
linear-gradient(
145deg,
#fff,
#f7f5ff
);
}
#ttTreatmentTeam .tttm-doctor:nth-child(3){
background:
linear-gradient(
145deg,
#fff,
#fff5f0
);
}
#ttTreatmentTeam .tttm-doctor-role-micro{
position:absolute;
z-index:6;
right:11px;
top:11px;
min-height:21px;
padding:
0 7px;
display:inline-flex;
align-items:center;
border:
1px solid
rgba(23,38,79,.055);
border-radius:999px;
color:
rgba(23,38,79,.34);
background:
rgba(255,255,255,.72);
-webkit-backdrop-filter:
blur(7px);
backdrop-filter:
blur(7px);
font-family:
Arial,
sans-serif;
font-size:5.5px;
font-weight:900;
letter-spacing:.7px;
}
#ttTreatmentTeam .tttm-doctor-photo{
background:
radial-gradient(
circle at 85% 14%,
rgba(255,209,192,.18),
transparent 25%
),
linear-gradient(
145deg,
#f3f5f7,
#f7f3ef
);
}
#ttTreatmentTeam .tttm-team-foot{
border-color:
rgba(105,98,242,.065);
background:
linear-gradient(
145deg,
rgba(255,255,255,.76),
rgba(250,248,255,.68)
);
}
#ttTreatmentTeam .tttm-team-jump{
border-color:
rgba(105,98,242,.12);
background:
linear-gradient(
145deg,
#fff,
#f8f7ff
);
}
@media(max-width:760px){
#ttTreatmentTeam{
padding:
30px 0 50px;
background:
radial-gradient(
circle at 92% 7%,
rgba(255,211,195,.20),
transparent 20%
),
linear-gradient(
180deg,
#fff8f5,
#fafcf9 56%,
#fff9f6
);
}
#ttTreatmentTeam .tttm-container{
width:
calc(100% - 12px);
}
#ttTreatmentTeam .tttm-bg-ring,
#ttTreatmentTeam .tttm-grid-mark{
display:none;
}
#ttTreatmentTeam .tttm-intro{
align-items:stretch;
margin-bottom:11px;
padding:
0 5px;
text-align:right;
}
#ttTreatmentTeam .tttm-kicker{
width:max-content;
margin-bottom:4px;
justify-content:flex-start;
font-size:10px;
}
#ttTreatmentTeam .tttm-kicker::before{
display:none;
}
#ttTreatmentTeam .tttm-kicker::after{
width:37px;
}
#ttTreatmentTeam .tttm-intro h2{
font-size:
clamp(
28px,
8vw,
34px
);
line-height:1.44;
letter-spacing:-.5px;
}
#ttTreatmentTeam .tttm-intro-text{
margin:
5px 0 0;
font-size:13px;
line-height:1.95;
}
#ttTreatmentTeam .tttm-intro-hand{
display:inline-flex !important;
align-self:flex-start;
margin:
8px 0 0;
min-height:30px;
padding:
3px 9px 6px;
border:
1px solid
rgba(105,98,242,.065);
border-radius:10px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.96),
rgba(248,246,255,.82)
);
font-size:14.5px;
transform:
rotate(-1.4deg);
}
#ttTreatmentTeam .tttm-intro-micro{
display:none;
}
#ttTreatmentTeam .tttm-shell{
padding:7px;
grid-template-columns:1fr;
grid-template-areas:
"mobile"
"authority"
"team";
gap:7px;
overflow:hidden;
border-radius:28px;
box-shadow:
0 20px 50px
rgba(35,42,90,.06);
}
#ttTreatmentTeam .tttm-shell::before{
right:43px;
width:114px;
height:4px;
}
#ttTreatmentTeam .tttm-shell::after{
left:28px;
width:71px;
height:4px;
}
#ttTreatmentTeam .tttm-mobile-state-rail{
grid-area:mobile;
min-height:45px;
padding:
5px 7px;
display:grid;
grid-template-columns:
34px minmax(0,1fr) auto;
gap:8px;
align-items:center;
border:
1px solid
rgba(105,98,242,.075);
border-radius:13px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.88),
rgba(248,246,255,.78)
);
box-shadow:
0 7px 19px
rgba(40,44,94,.025);
}
#ttTreatmentTeam .tttm-mobile-state-index{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
color:#fff;
background:
linear-gradient(
145deg,
#7169f4,
#5e58df
);
font-family:
Arial,
sans-serif;
font-size:11px;
font-weight:900;
}
#ttTreatmentTeam .tttm-mobile-state-copy{
min-width:0;
}
#ttTreatmentTeam .tttm-mobile-state-copy strong{
display:block;
color:var(--ink);
font-size:10.5px;
line-height:1.4;
font-weight:900;
}
#ttTreatmentTeam .tttm-mobile-state-copy small{
display:block;
margin-top:1px;
color:var(--muted);
font-family:
Arial,
sans-serif;
font-size:5.1px;
font-weight:800;
letter-spacing:.65px;
}
#ttTreatmentTeam .tttm-mobile-state-live{
min-height:26px;
padding:
0 7px;
display:flex;
align-items:center;
gap:5px;
border-radius:999px;
color:var(--sage-dark);
background:
rgba(234,246,242,.93);
font-size:7px;
font-weight:850;
}
#ttTreatmentTeam .tttm-mobile-state-live i{
width:6px;
height:6px;
border-radius:50%;
background:
var(--sage);
}
#ttTreatmentTeam .tttm-authority{
grid-area:authority;
padding:
10px;
border-radius:22px;
}
#ttTreatmentTeam .tttm-authority::before{
top:30px;
width:4px;
height:84px;
}
#ttTreatmentTeam .tttm-authority::after{
top:13px;
left:15px;
width:43px;
}
#ttTreatmentTeam .tttm-authority-micro,
#ttTreatmentTeam .tttm-authority-dotgrid,
#ttTreatmentTeam .tttm-authority-curve{
display:none;
}
#ttTreatmentTeam .tttm-authority-head{
min-height:29px;
margin-bottom:6px;
}
#ttTreatmentTeam .tttm-authority-label{
min-height:24px;
padding:
0 7px;
font-size:7.3px;
}
#ttTreatmentTeam .tttm-authority-code{
font-size:6px;
}
#ttTreatmentTeam .tttm-authority-main{
display:grid;
grid-template-columns:
105px minmax(0,1fr);
gap:10px;
align-items:start;
}
#ttTreatmentTeam .tttm-tohid-media{
padding:4px;
border-radius:16px;
box-shadow:
0 10px 24px
rgba(0,0,0,.10);
}
#ttTreatmentTeam .tttm-tohid-media-inner{
border-radius:12px;
}
#ttTreatmentTeam .tttm-tohid-media::after{
inset:7px;
border-radius:9px;
}
#ttTreatmentTeam .tttm-tohid-media img{
max-height:151px;
}
#ttTreatmentTeam .tttm-tohid-photo-label{
top:7px;
left:7px;
min-height:19px;
padding:
0 5px;
font-size:4.7px;
}
#ttTreatmentTeam .tttm-tohid-photo-label i,
#ttTreatmentTeam .tttm-tohid-photo-axis{
display:none;
}
#ttTreatmentTeam .tttm-tohid-body{
padding:
1px 0 0;
}
#ttTreatmentTeam .tttm-tohid-body h3{
font-size:18.5px;
}
#ttTreatmentTeam .tttm-role{
margin-top:2px;
font-size:8.5px;
}
#ttTreatmentTeam .tttm-tohid-body p{
margin-top:6px;
font-size:8.5px;
line-height:1.7;
}
#ttTreatmentTeam .tttm-authority-script{
margin-top:6px;
padding:
2px 6px 5px;
font-size:13px;
transform:
rotate(-1.3deg);
}
#ttTreatmentTeam .tttm-role-note{
margin-top:7px;
padding:
7px 8px;
border-radius:10px;
font-size:7.4px;
line-height:1.6;
}
#ttTreatmentTeam .tttm-authority-tags{
margin-top:7px;
gap:4px;
}
#ttTreatmentTeam .tttm-authority-tag{
min-height:23px;
padding:
0 6px;
font-size:6.5px;
}
#ttTreatmentTeam .tttm-authority-action{
margin-top:8px;
}
#ttTreatmentTeam .tttm-authority-cta{
width:100%;
min-height:42px;
justify-content:space-between;
padding:
0 10px 0 6px;
border-radius:12px;
font-size:8.8px;
}
#ttTreatmentTeam .tttm-authority-arrow{
width:29px;
height:29px;
border-radius:8px;
}
#ttTreatmentTeam .tttm-team{
grid-area:team;
padding:
13px 8px 13px;
border-radius:22px;
background:
radial-gradient(
circle at 88% 12%,
rgba(255,209,192,.27),
transparent 17%
),
radial-gradient(
circle at 10% 89%,
rgba(222,216,255,.34),
transparent 21%
),
linear-gradient(
145deg,
#f8f9fb,
#f2efff 61%,
#fff4ee
);
}
#ttTreatmentTeam .tttm-team-ring,
#ttTreatmentTeam .tttm-team-rail,
#ttTreatmentTeam .tttm-team-micro,
#ttTreatmentTeam .tttm-team-dotgrid,
#ttTreatmentTeam .tttm-team-script{
display:none !important;
}
#ttTreatmentTeam .tttm-corner{
width:30px;
height:30px;
}
#ttTreatmentTeam .tttm-corner.one{
top:7px;
right:7px;
}
#ttTreatmentTeam .tttm-corner.two{
left:7px;
bottom:7px;
}
#ttTreatmentTeam .tttm-team-head{
min-height:41px;
margin:
0 3px 7px;
}
#ttTreatmentTeam .tttm-team-title small{
font-size:7.5px;
}
#ttTreatmentTeam .tttm-team-title h3{
margin-top:2px;
font-size:
clamp(
20px,
5.7vw,
24px
);
}
#ttTreatmentTeam .tttm-team-status{
min-height:23px;
padding:
0 6px;
font-size:6.5px;
}
#ttTreatmentTeam .tttm-clarity{
margin-bottom:7px;
padding:
8px 9px;
border-radius:11px;
font-size:8px;
line-height:1.7;
}
#ttTreatmentTeam .tttm-clarity-icon{
width:26px;
height:26px;
border-radius:8px;
}
#ttTreatmentTeam .tttm-team-grid{
display:flex;
gap:6px;
overflow-x:auto;
padding:
1px 1px 3px;
scroll-snap-type:
x mandatory;
overscroll-behavior-inline:
contain;
-webkit-overflow-scrolling:
touch;
scrollbar-width:none;
}
#ttTreatmentTeam .tttm-team-grid::-webkit-scrollbar{
display:none;
}
#ttTreatmentTeam .tttm-doctor{
width:74%;
min-width:74%;
flex:0 0 auto;
padding:5px;
border-radius:16px;
scroll-snap-align:start;
}
#ttTreatmentTeam .tttm-doctor:hover{
transform:none;
}
#ttTreatmentTeam .tttm-doctor-photo{
border-radius:12px;
}
#ttTreatmentTeam .tttm-doctor-photo img{
max-height:205px;
}
#ttTreatmentTeam .tttm-doctor-code{
top:6px;
left:6px;
min-height:19px;
padding:
0 5px;
font-size:5.7px;
}
#ttTreatmentTeam .tttm-doctor-role-micro{
top:6px;
right:6px;
min-height:19px;
padding:
0 5px;
font-size:4.8px;
}
#ttTreatmentTeam .tttm-doctor-body{
padding:
8px 4px 5px;
}
#ttTreatmentTeam .tttm-doctor-body h4{
font-size:10.5px;
}
#ttTreatmentTeam .tttm-doctor-body p{
font-size:7.6px;
}
#ttTreatmentTeam .tttm-doctor-line{
margin-top:6px;
}
#ttTreatmentTeam .tttm-team-foot{
margin-top:7px;
min-height:43px;
padding:
6px 7px;
border-radius:11px;
}
#ttTreatmentTeam .tttm-team-foot-copy{
font-size:7px;
}
#ttTreatmentTeam .tttm-team-jump{
min-height:28px;
padding:
0 7px;
font-size:6.8px;
}
#ttTreatmentTeam .tttm-number{
left:7px;
bottom:6px;
width:104px;
height:86px;
}
#ttTreatmentTeam .tttm-number strong{
left:1px;
bottom:18px;
font-size:69px;
letter-spacing:-5px;
color:
rgba(23,38,79,.031);
}
#ttTreatmentTeam .tttm-number span{
left:4px;
gap:4px;
font-size:5.2px;
letter-spacing:.65px;
}
#ttTreatmentTeam .tttm-number span::before{
width:21px;
}
#ttTreatmentTeam .tttm-number::before{
left:-4px;
bottom:-4px;
width:60px;
height:28px;
border-radius:
0 0 0 13px;
}
#ttTreatmentTeam .tttm-number::after{
left:56px;
bottom:-4px;
width:25px;
}
}
@media(max-width:390px){
#ttTreatmentTeam{
padding:
27px 0 46px;
}
#ttTreatmentTeam .tttm-intro h2{
font-size:27px;
}
#ttTreatmentTeam .tttm-intro-text{
font-size:12.6px;
}
#ttTreatmentTeam .tttm-mobile-state-live{
display:none;
}
#ttTreatmentTeam .tttm-mobile-state-rail{
grid-template-columns:
33px minmax(0,1fr);
}
#ttTreatmentTeam .tttm-authority-main{
grid-template-columns:
94px minmax(0,1fr);
gap:8px;
}
#ttTreatmentTeam .tttm-tohid-body h3{
font-size:17.5px;
}
#ttTreatmentTeam .tttm-tohid-body p{
font-size:8px;
}
#ttTreatmentTeam .tttm-role-note{
font-size:7px;
}
#ttTreatmentTeam .tttm-doctor{
width:80%;
min-width:80%;
}
#ttTreatmentTeam .tttm-team-foot-copy{
display:none;
}
#ttTreatmentTeam .tttm-team-jump{
width:100%;
justify-content:center;
}
}
@media(max-width:760px){
#ttTreatmentTeam,
#ttTreatmentTeam .tttm-shell,
#ttTreatmentTeam .tttm-mobile-state-rail{
position:relative !important;
}
}
@media(prefers-reduced-motion:reduce){
#ttTreatmentTeam .tttm-intro-hand,
#ttTreatmentTeam .tttm-authority-script,
#ttTreatmentTeam .tttm-team-script{
animation:none !important;
transition:none !important;
}
}
#ttTreatmentTeam{
--section-mint:#eef8f4;
--section-pearl:#fbfdfb;
--shell-neutral:#e4ece8;
--team-surface:#edf7f3;
background:
radial-gradient(
circle at 91% 9%,
rgba(79,143,126,.12),
transparent 24%
),
radial-gradient(
circle at 8% 90%,
rgba(255,209,191,.15),
transparent 24%
),
linear-gradient(
180deg,
#eef8f4 0%,
#f8fbf9 50%,
#f3faf7 100%
) !important;
border-top:
1px solid
#d5e9e1;
border-bottom:
1px solid
#d8ebe4;
}
#ttTreatmentTeam::before{
content:"";
position:absolute;
z-index:0;
top:0;
right:8%;
left:8%;
height:4px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
transparent,
rgba(79,143,126,.47),
rgba(255,209,191,.35),
rgba(105,98,242,.20),
transparent
);
pointer-events:none;
}
#ttTreatmentTeam .tttm-intro-hand,
#ttTreatmentTeam .tttm-authority-script,
#ttTreatmentTeam .tttm-team-script{
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif !important;
font-style:normal !important;
font-weight:800 !important;
transform:none !important;
}
#ttTreatmentTeam .tttm-intro-hand{
position:relative !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
display:inline-flex !important;
align-items:center;
width:max-content;
max-width:100%;
min-height:31px;
margin:
10px 0 0 !important;
padding:
0 10px !important;
color:
var(--sage-dark) !important;
border:
1px solid
rgba(79,143,126,.15);
border-radius:
999px !important;
background:
#eef8f4 !important;
box-shadow:none !important;
font-size:
10.5px !important;
line-height:
1 !important;
}
#ttTreatmentTeam .tttm-intro-hand::before{
content:"";
width:6px;
height:6px;
margin-left:6px;
flex:0 0 auto;
border-radius:50%;
background:
var(--sage);
box-shadow:
0 0 0 4px
rgba(79,143,126,.08);
}
#ttTreatmentTeam .tttm-intro-hand::after{
display:none !important;
}
#ttTreatmentTeam .tttm-authority-script,
#ttTreatmentTeam .tttm-team-script{
display:none !important;
}
#ttTreatmentTeam .tttm-shell{
border-color:
#d6e4de !important;
background:
linear-gradient(
145deg,
rgba(255,255,255,.95),
rgba(242,247,244,.94)
) !important;
}
#ttTreatmentTeam .tttm-authority{
border:
1px solid
rgba(105,98,242,.15);
box-shadow:
0 16px 40px
rgba(20,31,63,.11);
}
#ttTreatmentTeam .tttm-team{
border-color:
#cfe4db !important;
background:
radial-gradient(
circle at 88% 12%,
rgba(105,98,242,.07),
transparent 25%
),
radial-gradient(
circle at 8% 90%,
rgba(255,209,191,.13),
transparent 28%
),
linear-gradient(
145deg,
#edf7f3 0%,
#f7fbf9 58%,
#fff7f2 100%
) !important;
}
#ttTreatmentTeam .tttm-clarity{
border-color:
rgba(79,143,126,.14) !important;
background:
linear-gradient(
145deg,
#edf7f3,
#ffffff
) !important;
}
@media(max-width:760px){
#ttTreatmentTeam{
padding:
30px 0 48px !important;
background:
radial-gradient(
circle at 92% 8%,
rgba(79,143,126,.14),
transparent 22%
),
radial-gradient(
circle at 8% 91%,
rgba(255,209,191,.17),
transparent 23%
),
linear-gradient(
180deg,
#eaf7f2 0%,
#f7fbf9 51%,
#eef8f4 100%
) !important;
}
#ttTreatmentTeam::before{
right:
18px;
left:
18px;
height:
3px;
}
#ttTreatmentTeam .tttm-container{
width:
calc(100% - 14px) !important;
}
#ttTreatmentTeam .tttm-intro{
margin:
0 0 10px !important;
padding:
14px 14px 13px !important;
align-items:
stretch !important;
border:
1px solid
#d2e7de;
border-radius:
20px;
background:
linear-gradient(
145deg,
#ffffff,
#f6fbf8
);
box-shadow:
0 7px 19px
rgba(42,70,59,.035);
text-align:
right !important;
}
#ttTreatmentTeam .tttm-kicker{
width:
max-content;
margin-bottom:
6px !important;
padding:
4px 8px;
border:
1px solid
rgba(79,143,126,.12);
border-radius:
999px;
color:
var(--sage-dark) !important;
background:
var(--sage-soft);
font-size:
10px !important;
}
#ttTreatmentTeam .tttm-kicker::before,
#ttTreatmentTeam .tttm-kicker::after{
display:none !important;
}
#ttTreatmentTeam .tttm-intro h2{
font-size:
clamp(
26px,
7.5vw,
32px
) !important;
line-height:
1.43 !important;
}
#ttTreatmentTeam .tttm-intro-text{
margin:
6px 0 0 !important;
color:
#657183 !important;
font-size:
13px !important;
line-height:
1.95 !important;
}
#ttTreatmentTeam .tttm-intro-hand{
align-self:
flex-start !important;
margin:
9px 0 0 !important;
}
#ttTreatmentTeam .tttm-intro-micro{
display:none !important;
}
#ttTreatmentTeam .tttm-shell{
padding:
7px !important;
gap:
8px !important;
overflow:
hidden !important;
border:
1px solid
#ceded7 !important;
border-radius:
26px !important;
background:
#e1ebe6 !important;
box-shadow:
0 13px 31px
rgba(36,62,51,.055) !important;
}
#ttTreatmentTeam .tttm-shell::before,
#ttTreatmentTeam .tttm-shell::after{
display:none !important;
}
#ttTreatmentTeam .tttm-mobile-state-rail{
min-height:
50px !important;
margin:
0 0 8px !important;
padding:
6px 7px !important;
display:grid !important;
grid-template-columns:
36px minmax(0,1fr) auto;
align-items:center;
gap:
8px;
border:
1px solid
#d5e5de;
border-radius:
14px;
background:
linear-gradient(
145deg,
#ffffff,
#f0f8f4
);
box-shadow:
0 5px 13px
rgba(39,64,54,.025);
}
#ttTreatmentTeam .tttm-mobile-state-index{
width:
36px !important;
height:
36px !important;
display:grid;
place-items:center;
border-radius:
10px;
color:#fff;
background:
linear-gradient(
145deg,
#5f9a89,
#41796a
);
box-shadow:
0 6px 13px
rgba(79,143,126,.17);
font-family:
Arial,
sans-serif;
font-size:
10px;
font-weight:
900;
}
#ttTreatmentTeam .tttm-mobile-state-copy{
min-width:0;
}
#ttTreatmentTeam .tttm-mobile-state-copy strong{
display:block;
color:
var(--ink);
font-size:
10.5px;
line-height:
1.5;
font-weight:
900;
}
#ttTreatmentTeam .tttm-mobile-state-copy small{
display:block;
margin-top:
2px;
color:
#939b9f;
font-family:
Arial,
sans-serif;
font-size:
5.8px;
letter-spacing:
.5px;
}
#ttTreatmentTeam .tttm-mobile-state-live{
min-height:
27px;
padding:
0 8px;
display:inline-flex;
align-items:center;
gap:
5px;
border:
1px solid
rgba(105,98,242,.10);
border-radius:
999px;
color:
#635dcf;
background:
#efedff;
font-size:
7px;
font-weight:
900;
white-space:
nowrap;
}
#ttTreatmentTeam .tttm-mobile-state-live i{
width:5px;
height:5px;
border-radius:50%;
background:
#6962f2;
}
#ttTreatmentTeam .tttm-authority{
padding:
11px !important;
border:
1px solid
rgba(126,121,245,.18) !important;
border-radius:
20px !important;
background:
radial-gradient(
circle at 13% 13%,
rgba(105,98,242,.24),
transparent 29%
),
radial-gradient(
circle at 94% 88%,
rgba(79,143,126,.16),
transparent 31%
),
linear-gradient(
145deg,
#121d3d,
#1d2e55
) !important;
box-shadow:
0 8px 21px
rgba(20,31,63,.16) !important;
}
#ttTreatmentTeam .tttm-authority::before{
top:
28px !important;
width:
4px !important;
height:
88px !important;
background:
linear-gradient(
180deg,
#ffd1bf,
#8983fb
) !important;
opacity:
.92 !important;
}
#ttTreatmentTeam .tttm-authority::after,
#ttTreatmentTeam .tttm-authority-micro,
#ttTreatmentTeam .tttm-authority-dotgrid,
#ttTreatmentTeam .tttm-authority-curve{
display:none !important;
}
#ttTreatmentTeam .tttm-authority-head{
min-height:
33px !important;
margin-bottom:
7px !important;
}
#ttTreatmentTeam .tttm-authority-label{
min-height:
27px !important;
padding:
0 8px !important;
border-color:
rgba(255,209,191,.18) !important;
color:
#ffd8c8 !important;
background:
rgba(255,209,191,.07) !important;
font-size:
7.8px !important;
}
#ttTreatmentTeam .tttm-authority-code{
min-height:
25px;
padding:
0 7px;
display:inline-flex;
align-items:center;
border:
1px solid
rgba(255,255,255,.08);
border-radius:
999px;
color:
rgba(255,255,255,.48) !important;
background:
rgba(255,255,255,.04);
font-size:
6px !important;
}
#ttTreatmentTeam .tttm-authority-main{
grid-template-columns:
106px minmax(0,1fr) !important;
gap:
10px !important;
}
#ttTreatmentTeam .tttm-tohid-media{
padding:
4px !important;
border-color:
rgba(255,255,255,.12) !important;
border-radius:
16px !important;
background:
rgba(255,255,255,.06) !important;
box-shadow:
0 8px 18px
rgba(0,0,0,.13) !important;
}
#ttTreatmentTeam .tttm-tohid-media-inner{
border-radius:
12px !important;
}
#ttTreatmentTeam .tttm-tohid-media::after{
inset:
7px !important;
border-radius:
9px !important;
}
#ttTreatmentTeam .tttm-tohid-media img{
max-height:
150px !important;
}
#ttTreatmentTeam .tttm-tohid-photo-label,
#ttTreatmentTeam .tttm-tohid-photo-axis{
display:none !important;
}
#ttTreatmentTeam .tttm-tohid-body h3{
font-size:
19px !important;
}
#ttTreatmentTeam .tttm-role{
display:inline-flex;
min-height:
25px;
margin-top:
4px !important;
padding:
0 7px;
align-items:center;
border:
1px solid
rgba(255,209,191,.14);
border-radius:
999px;
color:
#ffd1bf !important;
background:
rgba(255,209,191,.07);
font-size:
8px !important;
}
#ttTreatmentTeam .tttm-tohid-body p{
margin-top:
7px !important;
color:
rgba(255,255,255,.66) !important;
font-size:
8.4px !important;
line-height:
1.75 !important;
}
#ttTreatmentTeam .tttm-role-note{
margin-top:
8px !important;
padding:
8px 9px !important;
border:
1px solid
rgba(255,209,191,.17) !important;
border-radius:
11px !important;
color:
rgba(255,255,255,.72) !important;
background:
rgba(255,209,191,.075) !important;
font-size:
7.7px !important;
line-height:
1.7 !important;
}
#ttTreatmentTeam .tttm-role-note svg{
color:
#ffd1bf !important;
}
#ttTreatmentTeam .tttm-authority-tags{
margin-top:
8px !important;
gap:
4px !important;
}
#ttTreatmentTeam .tttm-authority-tag{
min-height:
25px !important;
padding:
0 7px !important;
border-color:
rgba(255,255,255,.08) !important;
background:
rgba(255,255,255,.045) !important;
font-size:
6.8px !important;
}
#ttTreatmentTeam .tttm-authority-action{
margin-top:
9px !important;
}
#ttTreatmentTeam .tttm-authority-cta{
width:
100% !important;
min-height:
45px !important;
padding:
0 10px 0 6px !important;
justify-content:
space-between !important;
border:
1px solid
rgba(255,255,255,.17) !important;
border-radius:
12px !important;
color:
#fff !important;
background:
linear-gradient(
135deg,
#716bf5,
#5b56da
) !important;
box-shadow:
0 8px 18px
rgba(105,98,242,.23) !important;
font-size:
9px !important;
}
#ttTreatmentTeam .tttm-authority-arrow{
width:
31px !important;
height:
31px !important;
border:
1px solid
rgba(255,255,255,.16);
border-radius:
9px !important;
background:
rgba(255,255,255,.12) !important;
}
#ttTreatmentTeam .tttm-team{
padding:
11px !important;
border:
1px solid
#cce3da !important;
border-radius:
20px !important;
background:
radial-gradient(
circle at 91% 9%,
rgba(105,98,242,.08),
transparent 20%
),
radial-gradient(
circle at 8% 90%,
rgba(255,209,191,.13),
transparent 23%
),
linear-gradient(
145deg,
#edf7f3 0%,
#f8fbf9 65%,
#fff7f2 100%
) !important;
box-shadow:
0 7px 18px
rgba(43,76,63,.04) !important;
}
#ttTreatmentTeam .tttm-team-micro,
#ttTreatmentTeam .tttm-team-dotgrid,
#ttTreatmentTeam .tttm-team-ring,
#ttTreatmentTeam .tttm-team-rail,
#ttTreatmentTeam .tttm-corner,
#ttTreatmentTeam .tttm-number{
display:none !important;
}
#ttTreatmentTeam .tttm-team-head{
min-height:
45px !important;
margin:
0 0 8px !important;
padding:
7px 8px;
align-items:center !important;
border:
1px solid
#d8e8e1;
border-radius:
13px;
background:
rgba(255,255,255,.72);
}
#ttTreatmentTeam .tttm-team-title small{
color:
var(--sage-dark) !important;
font-size:
7.5px !important;
}
#ttTreatmentTeam .tttm-team-title h3{
margin-top:
2px !important;
font-size:
clamp(
20px,
5.9vw,
24px
) !important;
}
#ttTreatmentTeam .tttm-team-status{
min-height:
27px !important;
padding:
0 8px !important;
border:
1px solid
rgba(105,98,242,.11) !important;
color:
#625dcc !important;
background:
#efedff !important;
font-size:
7px !important;
}
#ttTreatmentTeam .tttm-clarity{
margin-bottom:
8px !important;
padding:
9px !important;
border:
1px solid
rgba(79,143,126,.14) !important;
border-radius:
12px !important;
color:
#40566a !important;
background:
linear-gradient(
145deg,
#e7f4ef,
#ffffff
) !important;
font-size:
8.3px !important;
line-height:
1.75 !important;
}
#ttTreatmentTeam .tttm-clarity-icon{
width:
28px !important;
height:
28px !important;
border-radius:
9px !important;
color:
#3f7869 !important;
background:
#d9efe7 !important;
}
#ttTreatmentTeam .tttm-team-grid{
display:grid !important;
grid-template-columns:
1fr !important;
gap:
6px !important;
overflow:
visible !important;
padding:
0 !important;
scroll-snap-type:
none !important;
}
#ttTreatmentTeam .tttm-doctor{
width:
100% !important;
min-width:
0 !important;
min-height:
101px;
padding:
6px !important;
display:grid;
grid-template-columns:
92px minmax(0,1fr);
align-items:center;
gap:
9px;
border-radius:
14px !important;
box-shadow:
none !important;
scroll-snap-align:
none !important;
}
#ttTreatmentTeam .tttm-doctor:nth-child(1){
border-color:
rgba(79,143,126,.13) !important;
background:
#f0f8f5 !important;
}
#ttTreatmentTeam .tttm-doctor:nth-child(2){
border-color:
rgba(105,98,242,.11) !important;
background:
#f2f0ff !important;
}
#ttTreatmentTeam .tttm-doctor:nth-child(3){
border-color:
rgba(223,132,108,.12) !important;
background:
#fff4ef !important;
}
#ttTreatmentTeam .tttm-doctor-role-micro{
display:none !important;
}
#ttTreatmentTeam .tttm-doctor-photo{
grid-column:
1;
grid-row:
1;
width:
92px;
height:
88px;
border:
1px solid
rgba(24,39,80,.06);
border-radius:
11px !important;
background:
#fff !important;
}
#ttTreatmentTeam .tttm-doctor-photo img{
width:
100% !important;
height:
88px !important;
max-height:
88px !important;
object-fit:
contain !important;
object-position:
center bottom !important;
}
#ttTreatmentTeam .tttm-doctor-code{
top:
5px !important;
left:
5px !important;
min-height:
18px !important;
padding:
0 5px !important;
border-color:
rgba(24,39,80,.06) !important;
color:
#7d8796 !important;
background:
rgba(255,255,255,.84) !important;
font-size:
5.5px !important;
}
#ttTreatmentTeam .tttm-doctor-body{
grid-column:
2;
grid-row:
1;
padding:
4px 3px !important;
}
#ttTreatmentTeam .tttm-doctor-body h4{
color:
#223456 !important;
font-size:
11px !important;
line-height:
1.6 !important;
}
#ttTreatmentTeam .tttm-doctor-body p{
display:inline-flex;
min-height:
24px;
margin-top:
5px !important;
padding:
0 7px;
align-items:center;
border-radius:
999px;
font-size:
7.4px !important;
}
#ttTreatmentTeam .tttm-doctor:nth-child(1) .tttm-doctor-body p{
color:
#3f7668 !important;
background:
#dff0e9;
}
#ttTreatmentTeam .tttm-doctor:nth-child(2) .tttm-doctor-body p{
color:
#625dcc !important;
background:
#e6e3ff;
}
#ttTreatmentTeam .tttm-doctor:nth-child(3) .tttm-doctor-body p{
color:
#a86451 !important;
background:
#ffe6db;
}
#ttTreatmentTeam .tttm-doctor-line{
width:
30px !important;
margin-top:
7px !important;
}
#ttTreatmentTeam .tttm-team-foot{
min-height:
40px !important;
margin-top:
7px !important;
padding:
7px 8px !important;
justify-content:
flex-start !important;
border:
1px solid
rgba(79,143,126,.11) !important;
border-radius:
11px !important;
background:
rgba(255,255,255,.73) !important;
}
#ttTreatmentTeam .tttm-team-foot-copy{
color:
#687685 !important;
font-size:
7.5px !important;
}
#ttTreatmentTeam .tttm-team-jump{
display:none !important;
}
}
@media(max-width:390px){
#ttTreatmentTeam .tttm-shell{
padding:
6px !important;
border-radius:
23px !important;
}
#ttTreatmentTeam .tttm-authority,
#ttTreatmentTeam .tttm-team{
border-radius:
18px !important;
}
#ttTreatmentTeam .tttm-authority-main{
grid-template-columns:
94px minmax(0,1fr) !important;
gap:
8px !important;
}
#ttTreatmentTeam .tttm-tohid-media img{
max-height:
138px !important;
}
#ttTreatmentTeam .tttm-tohid-body h3{
font-size:
17.5px !important;
}
#ttTreatmentTeam .tttm-tohid-body p{
font-size:
8px !important;
}
#ttTreatmentTeam .tttm-doctor{
grid-template-columns:
84px minmax(0,1fr);
min-height:
94px;
}
#ttTreatmentTeam .tttm-doctor-photo{
width:
84px;
height:
81px;
}
#ttTreatmentTeam .tttm-doctor-photo img{
height:
81px !important;
max-height:
81px !important;
}
}
#ttTreatmentTeam{
background:none !important;
background-color:transparent !important;
background-image:none !important;
background-repeat:no-repeat !important;
background-size:auto !important;
background-position:initial !important;
background-attachment:scroll !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
#ttTreatmentTeam::before,
#ttTreatmentTeam::after{
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
border:0 !important;
box-shadow:none !important;
}
#ttTreatmentTeam .tttm-bg-ring,
#ttTreatmentTeam .tttm-grid-mark{
display:none !important;
background:none !important;
background-image:none !important;
border:0 !important;
box-shadow:none !important;
}
@media(max-width:760px){
#ttTreatmentTeam{
background:none !important;
background-color:transparent !important;
background-image:none !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
#ttTreatmentTeam::before,
#ttTreatmentTeam::after{
content:none !important;
display:none !important;
}
}
@media(min-width:761px){
#ttTreatmentTeam{
background:none !important;
background-color:transparent !important;
background-image:none !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
#ttTreatmentTeam::before,
#ttTreatmentTeam::after{
content:none !important;
display:none !important;
}
}
#ttTreatmentTeam{
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#ttTreatmentTeam > .tttm-ambient-layer{
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
left:0 !important;
right:0 !important;
top:-90px !important;
bottom:-90px !important;
display:block !important;
background-image:
linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 44% !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
border:0 !important;
box-shadow:none !important;
}
#ttTreatmentTeam > .tttm-container{
position:relative !important;
z-index:1 !important;
}
#ttTreatmentTeam img{
filter:none !important;
opacity:1 !important;
mix-blend-mode:normal !important;
}
@media(max-width:767px){
#ttTreatmentTeam > .tttm-ambient-layer{
top:-56px !important;
bottom:-56px !important;
background-image:
linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 44% !important;
background-size:cover !important;
}
}
#ttTreatmentTeam {
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#ttTreatmentTeam::before,
#ttTreatmentTeam::after {
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
#ttTreatmentTeam > .tttm-ambient-layer {
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
top:-100px !important;
right:0 !important;
bottom:-100px !important;
left:0 !important;
background-color:#fffaf7 !important;
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 44% !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
}
#ttTreatmentTeam > .tttm-container {
position:relative !important;
z-index:1 !important;
}
#ttTreatmentTeam img,
#ttTreatmentTeam video {
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
}
@media(max-width:767px) {
#ttTreatmentTeam > .tttm-ambient-layer {
top:-56px !important;
bottom:-56px !important;
background-image:linear-gradient(transparent,transparent) !important;
background-position:center 44% !important;
background-size:cover !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
}
}
@font-face{
font-family:"TTDanstevis";
src:url("../fonts/danstevis.ttf") format("truetype");
font-weight:400;
font-style:normal;
font-display:swap;
}
#ttLocalAccess{
--la-bg:#fbfaf7;
--la-paper:#ffffff;
--la-ink:#182750;
--la-ink-2:#30405f;
--la-text:#5d6478;
--la-muted:#9097a6;
--la-sage:#4f8f7e;
--la-sage-dark:#3f7b6c;
--la-sage-soft:#eaf6f2;
--la-iris:#6975f3;
--la-iris-soft:#eff0ff;
--la-peach:#eeb89d;
--la-peach-soft:#fff0e8;
--la-dark:#162344;
--la-dark-2:#203057;
--la-line:rgba(24,39,80,.085);
--la-max:1360px;
position:relative;
width:100%;
padding:
78px 0 96px;
overflow:hidden;
color:
var(--la-text);
background:
radial-gradient(
circle at 91% 10%,
rgba(105,117,243,.045),
transparent 27%
),
radial-gradient(
circle at 6% 90%,
rgba(79,143,126,.055),
transparent 29%
),
linear-gradient(
180deg,
#fffaf7 0%,
#fbfaf7 50%,
#f9fbf9 100%
);
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif;
-webkit-font-smoothing:
antialiased;
text-rendering:
optimizeLegibility;
}
#ttLocalAccess *,
#ttLocalAccess *::before,
#ttLocalAccess *::after{
box-sizing:border-box;
}
#ttLocalAccess a{
color:inherit;
text-decoration:none;
}
#ttLocalAccess button{
font:inherit;
}
#ttLocalAccess :focus-visible{
outline:
3px solid
rgba(105,117,243,.30);
outline-offset:3px;
}
#ttLocalAccess .ttla-container{
width:min(
var(--la-max),
calc(100% - 32px)
);
margin-inline:auto;
}
#ttLocalAccess .ttla-hand,
#ttLocalAccess .ttla-hand *{
font-family:"TTDanstevis","Estedad",Tahoma,sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttLocalAccess .ttla-ring{
position:absolute;
border-radius:50%;
pointer-events:none;
}
#ttLocalAccess .ttla-ring.one{
width:440px;
height:440px;
left:-275px;
top:80px;
border:
1px solid
rgba(105,117,243,.075);
}
#ttLocalAccess .ttla-ring.two{
width:280px;
height:280px;
right:-165px;
bottom:25px;
border:
1px solid
rgba(79,143,126,.09);
}
#ttLocalAccess .ttla-grid{
position:absolute;
right:4%;
top:145px;
width:188px;
height:125px;
opacity:.3;
pointer-events:none;
background-image:
linear-gradient(
rgba(24,39,80,.04) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(24,39,80,.04) 1px,
transparent 1px
);
background-size:
22px 22px;
}
#ttLocalAccess .ttla-intro{
position:relative;
z-index:4;
max-width:850px;
margin:
0 auto 22px;
text-align:center;
}
#ttLocalAccess .ttla-kicker{
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:7px;
color:
var(--la-sage);
font-size:12px;
font-weight:850;
}
#ttLocalAccess .ttla-kicker::before,
#ttLocalAccess .ttla-kicker::after{
content:"";
width:38px;
height:1px;
background:
rgba(79,143,126,.30);
}
#ttLocalAccess .ttla-intro h2{
margin:0;
color:
var(--la-ink);
font-size:
clamp(
36px,
3.4vw,
50px
);
line-height:1.42;
letter-spacing:-1px;
font-weight:950;
}
#ttLocalAccess .ttla-intro p{
max-width:700px;
margin:
9px auto 0;
color:
var(--la-text);
font-size:14.5px;
line-height:2;
}
#ttLocalAccess .ttla-shell{
position:relative;
z-index:4;
padding:18px;
display:grid;
grid-template-columns:
minmax(390px,.83fr)
minmax(0,1.17fr);
grid-template-areas:
"info map";
gap:15px;
overflow:hidden;
border:
1px solid
rgba(79,143,126,.13);
border-radius:41px;
background:
rgba(255,255,255,.91);
box-shadow:
0 38px 100px
rgba(31,43,77,.07),
0 12px 30px
rgba(31,43,77,.028);
direction:rtl;
}
#ttLocalAccess .ttla-shell::before{
content:"";
position:absolute;
z-index:30;
top:0;
right:95px;
width:220px;
height:7px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--la-sage-soft),
var(--la-iris-soft)
);
}
#ttLocalAccess .ttla-shell::after{
content:"";
position:absolute;
z-index:30;
left:82px;
bottom:0;
width:120px;
height:6px;
border-radius:
999px 999px 0 0;
background:
var(--la-peach);
}
#ttLocalAccess .ttla-info{
grid-area:info;
position:relative;
min-width:0;
overflow:hidden;
padding:
41px 35px 33px;
border-radius:29px;
color:#fff;
background:
radial-gradient(
circle at 12% 14%,
rgba(105,117,243,.17),
transparent 30%
),
radial-gradient(
circle at 94% 87%,
rgba(79,143,126,.14),
transparent 33%
),
repeating-linear-gradient(
135deg,
transparent 0,
transparent 18px,
rgba(255,255,255,.017) 18px,
rgba(255,255,255,.017) 19px
),
linear-gradient(
145deg,
var(--la-dark) 0%,
var(--la-dark-2) 100%
);
}
#ttLocalAccess .ttla-info::before{
content:"";
position:absolute;
right:0;
top:44px;
width:5px;
height:154px;
border-radius:
6px 0 0 6px;
background:
var(--la-peach);
opacity:.82;
}
#ttLocalAccess .ttla-info::after{
content:"";
position:absolute;
left:28px;
top:22px;
width:76px;
height:2px;
opacity:.19;
background:
repeating-linear-gradient(
90deg,
#fff 0,
#fff 1px,
transparent 1px,
transparent 10px
);
}
#ttLocalAccess .ttla-info-inner{
position:relative;
z-index:5;
}
#ttLocalAccess .ttla-eyebrow{
min-height:30px;
padding:
0 10px;
display:inline-flex;
align-items:center;
gap:7px;
margin-bottom:15px;
border:
1px solid
rgba(255,255,255,.11);
border-radius:999px;
color:
rgba(255,255,255,.73);
background:
rgba(255,255,255,.05);
font-size:9px;
font-weight:850;
}
#ttLocalAccess .ttla-eyebrow i{
width:7px;
height:7px;
border-radius:50%;
background:
var(--la-peach);
box-shadow:
0 0 0 4px
rgba(238,184,157,.07);
}
#ttLocalAccess .ttla-info h3{
max-width:470px;
margin:0;
color:#fff;
font-size:
clamp(
30px,
2.8vw,
43px
);
line-height:1.5;
letter-spacing:-.65px;
font-weight:950;
}
#ttLocalAccess .ttla-info-lead{
margin:
11px 0 0;
color:
rgba(255,255,255,.67);
font-size:12px;
line-height:2;
}
#ttLocalAccess .ttla-address-box{
position:relative;
margin-top:23px;
padding:
16px 16px 16px 52px;
border:
1px solid
rgba(255,255,255,.10);
border-radius:18px;
background:
rgba(255,255,255,.045);
}
#ttLocalAccess .ttla-address-label{
display:flex;
align-items:center;
gap:7px;
margin-bottom:5px;
color:
rgba(255,255,255,.42);
font-size:8px;
font-weight:850;
}
#ttLocalAccess .ttla-address-label::before{
content:"";
width:20px;
height:1px;
background:
rgba(255,255,255,.20);
}
#ttLocalAccess .ttla-address{
margin:0;
color:#fff;
font-size:12px;
line-height:2;
font-weight:750;
}
#ttLocalAccess .ttla-copy-address{
position:absolute;
left:11px;
top:50%;
transform:
translateY(-50%);
width:34px;
height:34px;
display:grid;
place-items:center;
border:
1px solid
rgba(255,255,255,.11);
border-radius:10px;
color:
rgba(255,255,255,.75);
background:
rgba(255,255,255,.06);
cursor:pointer;
transition:
transform .16s ease,
background-color .16s ease;
}
#ttLocalAccess .ttla-copy-address:hover{
transform:
translateY(-50%)
scale(1.04);
background:
rgba(255,255,255,.10);
}
#ttLocalAccess
.ttla-copy-address.is-copied{
color:#fff;
background:
var(--la-sage);
}
#ttLocalAccess .ttla-facts{
margin-top:13px;
display:grid;
grid-template-columns:
repeat(
2,
minmax(0,1fr)
);
gap:7px;
}
#ttLocalAccess .ttla-fact{
min-height:72px;
padding:
12px 12px;
border:
1px solid
rgba(255,255,255,.09);
border-radius:14px;
background:
rgba(255,255,255,.04);
}
#ttLocalAccess .ttla-fact small{
display:block;
color:
rgba(255,255,255,.38);
font-size:7.5px;
font-weight:800;
}
#ttLocalAccess .ttla-fact strong{
display:block;
margin-top:5px;
color:
rgba(255,255,255,.88);
font-size:10px;
line-height:1.75;
font-weight:900;
}
#ttLocalAccess .ttla-phone{
direction:ltr;
unicode-bidi:embed;
font-family:
Arial,
sans-serif;
letter-spacing:.3px;
}
#ttLocalAccess .ttla-actions{
margin-top:18px;
display:grid;
grid-template-columns:
repeat(
2,
minmax(0,1fr)
);
gap:7px;
}
#ttLocalAccess .ttla-btn{
min-height:52px;
padding:
0 11px;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:14px;
font-size:11px;
font-weight:900;
transition:
transform .18s ease,
box-shadow .18s ease,
background-color .18s ease;
}
#ttLocalAccess .ttla-btn:hover{
transform:
translateY(-2px);
}
#ttLocalAccess .ttla-btn.primary{
color:
var(--la-dark);
background:#fff;
box-shadow:
0 12px 28px
rgba(0,0,0,.14);
}
#ttLocalAccess .ttla-btn.secondary{
border:
1px solid
rgba(255,255,255,.12);
color:#fff;
background:
rgba(255,255,255,.055);
}
#ttLocalAccess .ttla-btn-icon{
width:31px;
height:31px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:9px;
}
#ttLocalAccess .ttla-btn.primary
.ttla-btn-icon{
color:#fff;
background:
linear-gradient(
145deg,
var(--la-iris),
#5f6bd8
);
}
#ttLocalAccess .ttla-btn.secondary
.ttla-btn-icon{
color:
#f6d4c4;
background:
rgba(255,255,255,.07);
}
#ttLocalAccess .ttla-map-panel{
grid-area:map;
position:relative;
min-width:0;
min-height:570px;
overflow:hidden;
padding:7px;
border:
1px solid
rgba(24,39,80,.08);
border-radius:29px;
background:#fff;
box-shadow:
0 14px 36px
rgba(31,43,77,.04);
}
#ttLocalAccess .ttla-map-frame{
position:relative;
width:100%;
height:100%;
min-height:556px;
overflow:hidden;
border-radius:23px;
background:#eef1f3;
}
#ttLocalAccess .ttla-map-frame iframe{
width:100%;
height:100%;
min-height:556px;
display:block;
border:0;
filter:
saturate(.82)
contrast(.96);
}
#ttLocalAccess .ttla-map-frame::after{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.26);
}
#ttLocalAccess .ttla-map-top{
position:absolute;
z-index:8;
top:18px;
right:18px;
left:18px;
display:flex;
align-items:center;
justify-content:
space-between;
gap:10px;
pointer-events:none;
}
#ttLocalAccess .ttla-map-place{
min-height:39px;
padding:
0 12px;
display:flex;
align-items:center;
gap:8px;
border:
1px solid
rgba(255,255,255,.68);
border-radius:13px;
color:
var(--la-ink);
background:
rgba(255,255,255,.91);
box-shadow:
0 9px 24px
rgba(31,43,77,.10);
backdrop-filter:
blur(12px);
font-size:9.5px;
font-weight:900;
pointer-events:auto;
}
#ttLocalAccess .ttla-map-place i{
width:8px;
height:8px;
border-radius:50%;
background:
var(--la-sage);
box-shadow:
0 0 0 4px
rgba(79,143,126,.10);
}
#ttLocalAccess .ttla-open-map{
min-height:39px;
padding:
0 11px;
display:flex;
align-items:center;
gap:6px;
border:
1px solid
rgba(255,255,255,.68);
border-radius:13px;
color:
var(--la-ink);
background:
rgba(255,255,255,.92);
box-shadow:
0 9px 24px
rgba(31,43,77,.10);
backdrop-filter:
blur(12px);
font-size:8.5px;
font-weight:850;
pointer-events:auto;
}
#ttLocalAccess .ttla-map-bottom{
position:absolute;
z-index:8;
right:18px;
bottom:18px;
width:min(
365px,
calc(100% - 36px)
);
padding:
13px 14px;
border:
1px solid
rgba(255,255,255,.72);
border-radius:17px;
background:
rgba(255,255,255,.92);
box-shadow:
0 15px 38px
rgba(31,43,77,.13);
backdrop-filter:
blur(13px);
}
#ttLocalAccess
.ttla-map-bottom small{
display:block;
color:
var(--la-sage);
font-size:8px;
font-weight:850;
}
#ttLocalAccess
.ttla-map-bottom strong{
display:block;
margin-top:4px;
color:
var(--la-ink);
font-size:11px;
line-height:1.85;
font-weight:900;
}
#ttLocalAccess .ttla-number{
position:absolute;
z-index:7;
left:27px;
bottom:22px;
width:200px;
height:166px;
pointer-events:none;
user-select:none;
}
#ttLocalAccess
.ttla-number strong{
position:absolute;
left:2px;
bottom:31px;
color:
rgba(24,39,80,.065);
font-family:
Arial,
sans-serif;
font-size:132px;
line-height:.8;
font-weight:900;
letter-spacing:-10px;
}
#ttLocalAccess
.ttla-number span{
position:absolute;
left:11px;
bottom:0;
display:flex;
align-items:center;
gap:8px;
color:
rgba(24,39,80,.31);
font-family:
Arial,
sans-serif;
font-size:7.5px;
font-weight:850;
letter-spacing:1.3px;
white-space:nowrap;
}
#ttLocalAccess
.ttla-number span::before{
content:"";
width:41px;
height:1px;
background:
rgba(238,184,157,.50);
}
#ttLocalAccess
.ttla-number::before{
content:"";
position:absolute;
left:-10px;
bottom:-8px;
width:110px;
height:51px;
border-left:
1px solid
rgba(238,184,157,.46);
border-bottom:
1px solid
rgba(238,184,157,.46);
border-radius:
0 0 0 22px;
}
#ttLocalAccess
.ttla-number::after{
content:"";
position:absolute;
left:99px;
bottom:-8px;
width:48px;
height:1px;
background:
linear-gradient(
90deg,
rgba(238,184,157,.46),
transparent
);
}
#ttLocalAccess .ttla-map-corner{
position:absolute;
z-index:7;
width:45px;
height:45px;
pointer-events:none;
}
#ttLocalAccess .ttla-map-corner.one{
top:14px;
right:14px;
border-top:
1px solid
rgba(79,143,126,.32);
border-right:
1px solid
rgba(79,143,126,.32);
border-radius:
0 12px 0 0;
}
#ttLocalAccess .ttla-map-corner.two{
left:14px;
bottom:14px;
border-left:
1px solid
rgba(238,184,157,.36);
border-bottom:
1px solid
rgba(238,184,157,.36);
border-radius:
0 0 0 12px;
}
#ttLocalAccess .ttla-toast{
position:absolute;
z-index:50;
right:50%;
bottom:22px;
transform:
translateX(50%)
translateY(12px);
min-height:39px;
padding:
0 13px;
display:flex;
align-items:center;
gap:7px;
border:
1px solid
rgba(255,255,255,.14);
border-radius:12px;
color:#fff;
background:
rgba(22,35,68,.94);
box-shadow:
0 12px 30px
rgba(0,0,0,.17);
font-size:9px;
font-weight:850;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:
opacity .18s ease,
transform .18s ease,
visibility .18s ease;
}
#ttLocalAccess
.ttla-toast.show{
opacity:1;
visibility:visible;
transform:
translateX(50%)
translateY(0);
}
@media(min-width:761px){
#ttLocalAccess .ttla-info{
animation:
ttlaInfoIn
.65s
cubic-bezier(.2,.75,.2,1)
both;
}
#ttLocalAccess .ttla-map-panel{
animation:
ttlaMapIn
.74s
.06s
cubic-bezier(.2,.75,.2,1)
both;
}
@keyframes ttlaInfoIn{
from{
opacity:0;
transform:
translateX(10px);
}
to{
opacity:1;
transform:none;
}
}
@keyframes ttlaMapIn{
from{
opacity:0;
transform:
translateY(12px);
}
to{
opacity:1;
transform:none;
}
}
}
@media(max-width:1080px) and (min-width:761px){
#ttLocalAccess .ttla-shell{
grid-template-columns:
minmax(330px,.86fr)
minmax(0,1.14fr);
}
#ttLocalAccess .ttla-info{
padding:
34px 25px 28px;
}
#ttLocalAccess .ttla-info h3{
font-size:
clamp(
28px,
3vw,
38px
);
}
#ttLocalAccess .ttla-map-panel{
min-height:520px;
}
#ttLocalAccess .ttla-map-frame,
#ttLocalAccess .ttla-map-frame iframe{
min-height:506px;
}
}
@media(max-width:760px){
#ttLocalAccess{
padding:
36px 0 57px;
}
#ttLocalAccess .ttla-container{
width:
calc(100% - 12px);
}
#ttLocalAccess .ttla-ring,
#ttLocalAccess .ttla-grid{
display:none;
}
#ttLocalAccess .ttla-intro{
margin-bottom:12px;
padding:
0 4px;
text-align:right;
}
#ttLocalAccess .ttla-kicker{
justify-content:
flex-start;
margin-bottom:4px;
font-size:10.5px;
}
#ttLocalAccess
.ttla-kicker::before{
display:none;
}
#ttLocalAccess
.ttla-kicker::after{
width:39px;
}
#ttLocalAccess
.ttla-intro h2{
font-size:
clamp(
28px,
8vw,
34px
);
line-height:1.45;
letter-spacing:-.5px;
}
#ttLocalAccess
.ttla-intro p{
margin:
5px 0 0;
font-size:13.5px;
line-height:1.95;
}
#ttLocalAccess .ttla-shell{
padding:7px;
grid-template-columns:
1fr;
grid-template-areas:
"info"
"map";
gap:7px;
border-radius:29px;
box-shadow:
0 20px 52px
rgba(31,43,77,.065);
}
#ttLocalAccess
.ttla-shell::before{
right:44px;
width:118px;
height:5px;
}
#ttLocalAccess
.ttla-shell::after{
left:29px;
width:76px;
height:4px;
}
#ttLocalAccess .ttla-info{
padding:
27px 18px 21px;
border-radius:23px;
}
#ttLocalAccess
.ttla-info::before{
top:29px;
width:4px;
height:103px;
}
#ttLocalAccess
.ttla-info::after{
top:15px;
left:17px;
width:50px;
}
#ttLocalAccess
.ttla-eyebrow{
min-height:28px;
margin-bottom:10px;
font-size:8px;
}
#ttLocalAccess
.ttla-info h3{
font-size:
clamp(
28px,
7.5vw,
34px
);
line-height:1.48;
}
#ttLocalAccess
.ttla-info-lead{
margin-top:8px;
font-size:10.5px;
line-height:1.9;
}
#ttLocalAccess
.ttla-address-box{
margin-top:17px;
padding:
13px 13px 13px 45px;
border-radius:15px;
}
#ttLocalAccess
.ttla-address{
font-size:10.5px;
line-height:1.9;
}
#ttLocalAccess
.ttla-copy-address{
left:9px;
width:31px;
height:31px;
border-radius:9px;
}
#ttLocalAccess .ttla-facts{
margin-top:8px;
gap:5px;
}
#ttLocalAccess .ttla-fact{
min-height:64px;
padding:
10px;
border-radius:12px;
}
#ttLocalAccess
.ttla-fact strong{
font-size:8.5px;
}
#ttLocalAccess .ttla-actions{
margin-top:12px;
gap:6px;
}
#ttLocalAccess .ttla-btn{
min-height:48px;
border-radius:13px;
font-size:9.5px;
}
#ttLocalAccess
.ttla-btn-icon{
width:29px;
height:29px;
}
#ttLocalAccess
.ttla-map-panel{
min-height:0;
padding:5px;
border-radius:23px;
}
#ttLocalAccess
.ttla-map-frame{
min-height:305px;
height:305px;
border-radius:19px;
}
#ttLocalAccess
.ttla-map-frame iframe{
min-height:305px;
height:305px;
}
#ttLocalAccess
.ttla-map-top{
top:10px;
right:10px;
left:10px;
gap:6px;
}
#ttLocalAccess
.ttla-map-place{
min-height:34px;
padding:
0 9px;
border-radius:11px;
font-size:7.5px;
}
#ttLocalAccess
.ttla-open-map{
min-height:34px;
padding:
0 8px;
border-radius:11px;
font-size:7px;
}
#ttLocalAccess
.ttla-map-bottom{
right:10px;
bottom:10px;
width:
calc(100% - 20px);
padding:
10px 11px;
border-radius:13px;
}
#ttLocalAccess
.ttla-map-bottom strong{
font-size:9px;
line-height:1.7;
}
#ttLocalAccess .ttla-number{
left:7px;
bottom:5px;
width:112px;
height:91px;
}
#ttLocalAccess
.ttla-number strong{
left:1px;
bottom:19px;
font-size:76px;
letter-spacing:-6px;
color:
rgba(24,39,80,.055);
}
#ttLocalAccess
.ttla-number span{
left:5px;
bottom:0;
gap:5px;
font-size:5.7px;
letter-spacing:.8px;
}
#ttLocalAccess
.ttla-number span::before{
width:23px;
}
#ttLocalAccess
.ttla-number::before{
left:-4px;
bottom:-4px;
width:67px;
height:31px;
border-radius:
0 0 0 15px;
}
#ttLocalAccess
.ttla-number::after{
left:62px;
bottom:-4px;
width:28px;
}
#ttLocalAccess
.ttla-map-corner{
width:31px;
height:31px;
}
#ttLocalAccess
.ttla-map-corner.one{
top:8px;
right:8px;
}
#ttLocalAccess
.ttla-map-corner.two{
left:8px;
bottom:8px;
}
}
@media(max-width:390px){
#ttLocalAccess
.ttla-intro h2{
font-size:
27px;
}
#ttLocalAccess
.ttla-facts{
grid-template-columns:1fr;
}
#ttLocalAccess
.ttla-fact{
min-height:55px;
}
#ttLocalAccess
.ttla-actions{
grid-template-columns:1fr;
}
#ttLocalAccess
.ttla-map-place{
max-width:165px;
}
}
@media(prefers-reduced-motion:reduce){
#ttLocalAccess *,
#ttLocalAccess *::before,
#ttLocalAccess *::after{
animation:none !important;
transition:none !important;
scroll-behavior:auto !important;
}
}
#ttLocalAccess{
--la-bg:#fff8f5;
--la-paper:#fffefd;
--la-ink:#17264f;
--la-ink-2:#304069;
--la-text:#5e6578;
--la-muted:#9198a7;
--la-sage:#4f8f7e;
--la-sage-dark:#3d7869;
--la-sage-soft:#eaf6f2;
--la-iris:#6962f2;
--la-iris-soft:#efedff;
--la-peach:#ffd1bf;
--la-peach-soft:#fff0e9;
--la-coral:#df846c;
--la-dark:#162344;
--la-dark-2:#203057;
padding:
76px 0 94px;
background:
radial-gradient(
circle at 91% 9%,
rgba(255,210,193,.29),
transparent 23%
),
radial-gradient(
circle at 6% 90%,
rgba(222,216,255,.24),
transparent 25%
),
linear-gradient(
180deg,
#fff8f5 0%,
#fbfaf7 49%,
#f9fbf9 100%
);
}
#ttLocalAccess .ttla-hand,
#ttLocalAccess .ttla-hand *,
#ttLocalAccess .ttla-intro-hand,
#ttLocalAccess .ttla-info-script,
#ttLocalAccess .ttla-map-script,
#ttLocalAccess .ttla-contact-hand{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttLocalAccess .ttla-intro{
display:flex;
flex-direction:column;
align-items:center;
max-width:880px;
margin-bottom:24px;
}
#ttLocalAccess .ttla-kicker{
color:var(--la-sage-dark);
}
#ttLocalAccess .ttla-intro h2{
font-size:
clamp(
38px,
3.4vw,
51px
);
}
#ttLocalAccess .ttla-intro p{
max-width:735px;
}
#ttLocalAccess .ttla-intro-hand{
display:inline-block;
align-self:flex-end;
width:max-content;
max-width:100%;
margin:
9px 4px 0 0;
padding:
3px 10px 7px;
color:
rgba(88,79,208,.72);
font-size:19px;
line-height:1.05;
border-radius:10px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.94),
rgba(239,235,255,.10)
);
transform:
rotate(-2.5deg);
}
#ttLocalAccess .ttla-intro-hand::after{
content:"";
display:block;
width:72px;
height:12px;
margin:
-2px auto 0;
border-bottom:
1px solid
rgba(105,98,242,.26);
border-radius:50%;
}
#ttLocalAccess .ttla-intro-micro{
align-self:flex-start;
margin-top:-18px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(23,38,79,.27);
font-family:
Arial,
sans-serif;
font-size:6.2px;
font-weight:900;
letter-spacing:1.2px;
}
#ttLocalAccess .ttla-intro-micro i{
width:28px;
height:1px;
background:
rgba(223,132,108,.34);
}
#ttLocalAccess .ttla-shell{
padding:19px;
gap:17px;
border-color:
rgba(105,98,242,.10);
background:
linear-gradient(
180deg,
rgba(255,255,255,.94),
rgba(255,255,255,.87)
);
box-shadow:
0 42px 110px
rgba(35,42,90,.067),
0 12px 32px
rgba(35,42,90,.025);
}
#ttLocalAccess .ttla-shell::before{
background:
linear-gradient(
90deg,
var(--la-sage-soft),
var(--la-iris-soft),
var(--la-peach-soft)
);
}
#ttLocalAccess .ttla-mobile-state-rail{
display:none;
}
#ttLocalAccess .ttla-info{
isolation:isolate;
padding:
43px 36px 34px;
background:
radial-gradient(
circle at 12% 14%,
rgba(105,98,242,.18),
transparent 29%
),
radial-gradient(
circle at 94% 87%,
rgba(79,143,126,.14),
transparent 31%
),
radial-gradient(
circle at 15% 91%,
rgba(255,209,191,.075),
transparent 19%
),
repeating-linear-gradient(
135deg,
transparent 0,
transparent 18px,
rgba(255,255,255,.017) 18px,
rgba(255,255,255,.017) 19px
),
linear-gradient(
145deg,
var(--la-dark),
var(--la-dark-2)
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.025);
}
#ttLocalAccess .ttla-info::before{
background:
linear-gradient(
180deg,
var(--la-peach),
rgba(105,98,242,.64)
);
}
#ttLocalAccess .ttla-info-micro{
position:absolute;
z-index:2;
left:26px;
top:73px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(255,255,255,.25);
font-family:
Arial,
sans-serif;
font-size:6.1px;
font-weight:900;
letter-spacing:1.15px;
pointer-events:none;
}
#ttLocalAccess .ttla-info-micro i{
width:25px;
height:1px;
background:
rgba(255,209,191,.42);
}
#ttLocalAccess .ttla-info-micro strong{
color:
rgba(255,255,255,.13);
font-size:15px;
line-height:1;
}
#ttLocalAccess .ttla-info-dotgrid{
position:absolute;
z-index:2;
left:26px;
top:116px;
display:grid;
grid-template-columns:
repeat(4,4px);
gap:6px;
pointer-events:none;
}
#ttLocalAccess .ttla-info-dotgrid i{
width:4px;
height:4px;
border-radius:50%;
background:
rgba(255,255,255,.10);
}
#ttLocalAccess .ttla-info-curve{
position:absolute;
z-index:2;
left:18px;
bottom:69px;
width:90px;
color:
rgba(255,209,191,.15);
transform:
rotate(-8deg);
pointer-events:none;
}
#ttLocalAccess .ttla-info-script{
display:inline-block;
width:max-content;
max-width:100%;
margin-top:10px;
padding:
3px 8px 6px;
color:
rgba(238,225,255,.80);
font-size:17px;
line-height:1;
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(105,98,242,.18),
rgba(105,98,242,.02)
);
transform:
rotate(-2deg);
}
#ttLocalAccess .ttla-info-script::after{
content:"";
display:block;
width:66px;
height:10px;
margin:
-2px auto 0;
border-bottom:
1px solid
rgba(255,209,191,.27);
border-radius:50%;
}
#ttLocalAccess .ttla-address-box{
border-color:
rgba(255,255,255,.105);
background:
linear-gradient(
145deg,
rgba(255,255,255,.055),
rgba(255,255,255,.032)
);
}
#ttLocalAccess .ttla-fact{
border-color:
rgba(255,255,255,.09);
background:
linear-gradient(
145deg,
rgba(255,255,255,.048),
rgba(255,255,255,.03)
);
}
#ttLocalAccess .ttla-btn.primary{
background:
linear-gradient(
145deg,
#fff,
#fffaf7
);
}
#ttLocalAccess .ttla-btn.secondary{
background:
linear-gradient(
145deg,
rgba(255,255,255,.075),
rgba(255,255,255,.04)
);
}
#ttLocalAccess .ttla-map-panel{
isolation:isolate;
border-color:
rgba(105,98,242,.075);
background:
radial-gradient(
circle at 88% 12%,
rgba(255,209,192,.34),
transparent 18%
),
radial-gradient(
circle at 10% 88%,
rgba(222,216,255,.36),
transparent 22%
),
linear-gradient(
145deg,
#fff,
#f8f7ff
);
box-shadow:
0 17px 44px
rgba(35,42,90,.038);
}
#ttLocalAccess .ttla-map-micro{
position:absolute;
z-index:10;
right:29px;
top:69px;
display:flex;
align-items:center;
gap:7px;
color:
rgba(23,38,79,.29);
font-family:
Arial,
sans-serif;
font-size:6px;
font-weight:900;
letter-spacing:1.05px;
pointer-events:none;
}
#ttLocalAccess .ttla-map-micro i{
width:25px;
height:1px;
background:
rgba(223,132,108,.34);
}
#ttLocalAccess .ttla-map-dotgrid{
position:absolute;
z-index:9;
left:28px;
top:102px;
display:grid;
grid-template-columns:
repeat(4,4px);
gap:6px;
pointer-events:none;
}
#ttLocalAccess .ttla-map-dotgrid i{
width:4px;
height:4px;
border-radius:50%;
background:
rgba(23,38,79,.11);
}
#ttLocalAccess .ttla-map-script{
position:absolute;
z-index:10;
left:29px;
bottom:87px;
padding:
3px 8px 6px;
color:
rgba(88,79,208,.68);
font-size:17px;
line-height:1;
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.93),
rgba(239,235,255,.08)
);
transform:
rotate(-4deg);
pointer-events:none;
}
#ttLocalAccess .ttla-map-script::after{
content:"";
display:block;
width:58px;
height:10px;
margin:
-2px auto 0;
border-bottom:
1px solid
rgba(105,98,242,.23);
border-radius:50%;
}
#ttLocalAccess .ttla-map-frame{
box-shadow:
0 16px 38px
rgba(35,42,90,.055);
}
#ttLocalAccess .ttla-map-place,
#ttLocalAccess .ttla-open-map,
#ttLocalAccess .ttla-map-bottom{
border-color:
rgba(255,255,255,.72);
-webkit-backdrop-filter:
blur(12px);
backdrop-filter:
blur(12px);
}
#ttLocalAccess .ttla-contact-modal{
position:fixed;
z-index:100500;
inset:0;
display:grid;
place-items:center;
padding:18px;
background:
rgba(18,28,60,.56);
-webkit-backdrop-filter:
blur(12px);
backdrop-filter:
blur(12px);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:
opacity .18s ease,
visibility .18s ease;
}
#ttLocalAccess .ttla-contact-modal.open{
opacity:1;
visibility:visible;
pointer-events:auto;
}
#ttLocalAccess .ttla-contact-dialog{
position:relative;
width:min(
430px,
100%
);
overflow:hidden;
padding:27px;
border:
1px solid
rgba(105,98,242,.13);
border-radius:25px;
background:
radial-gradient(
circle at 91% 9%,
rgba(105,98,242,.11),
transparent 28%
),
radial-gradient(
circle at 8% 93%,
rgba(255,213,197,.24),
transparent 30%
),
linear-gradient(
145deg,
#fffefd,
#fff9f6
);
box-shadow:
0 38px 100px
rgba(10,17,43,.28);
}
#ttLocalAccess .ttla-contact-dialog::before{
content:"";
position:absolute;
top:0;
right:52px;
width:120px;
height:5px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--la-coral),
var(--la-iris),
var(--la-sage)
);
}
#ttLocalAccess .ttla-contact-close{
position:absolute;
top:13px;
left:13px;
width:36px;
height:36px;
display:grid;
place-items:center;
cursor:pointer;
border:
1px solid
rgba(23,38,79,.08);
border-radius:11px;
color:var(--la-ink);
background:
rgba(255,255,255,.84);
}
#ttLocalAccess .ttla-contact-hand{
width:max-content;
max-width:calc(100% - 45px);
margin-bottom:9px;
padding:
2px 10px 6px;
color:
rgba(89,80,209,.73);
background:
linear-gradient(
90deg,
rgba(239,235,255,.95),
transparent
);
border-radius:9px;
font-size:18px;
line-height:1.05;
}
#ttLocalAccess .ttla-contact-kicker{
color:var(--la-sage);
font-size:8px;
font-weight:900;
}
#ttLocalAccess .ttla-contact-dialog h4{
margin:
3px 0 0;
color:var(--la-ink);
font-size:25px;
line-height:1.5;
font-weight:950;
}
#ttLocalAccess .ttla-contact-dialog p{
margin:
7px 0 0;
color:var(--la-text);
font-size:13px;
line-height:1.95;
}
#ttLocalAccess .ttla-contact-number{
margin-top:17px;
min-height:66px;
padding:
8px 10px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border:
1px solid
rgba(23,38,79,.075);
border-radius:16px;
background:#fff;
box-shadow:
0 10px 25px
rgba(35,42,90,.035);
}
#ttLocalAccess .ttla-contact-number small{
display:block;
margin-bottom:3px;
color:var(--la-muted);
font-size:8px;
}
#ttLocalAccess .ttla-contact-number strong{
color:var(--la-ink);
direction:ltr;
unicode-bidi:embed;
font-family:
Arial,
sans-serif;
font-size:21px;
font-weight:900;
}
#ttLocalAccess .ttla-contact-copy{
width:36px;
height:36px;
display:grid;
place-items:center;
cursor:pointer;
border:
1px solid
rgba(23,38,79,.08);
border-radius:11px;
color:var(--la-ink-2);
background:#f9fafc;
}
#ttLocalAccess .ttla-contact-copy.is-copied{
color:#fff;
background:var(--la-sage);
}
#ttLocalAccess .ttla-contact-call{
min-height:49px;
margin-top:9px;
padding:
0 13px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
border-radius:13px;
color:#fff;
background:
linear-gradient(
135deg,
var(--la-iris),
#5b55de
);
box-shadow:
0 12px 27px
rgba(105,98,242,.20);
font-size:10px;
font-weight:900;
}
#ttLocalAccess .ttla-phone-toast{
min-height:0;
margin-top:7px;
color:var(--la-sage);
text-align:center;
font-size:8px;
font-weight:850;
opacity:0;
transition:
opacity .16s ease;
}
#ttLocalAccess .ttla-phone-toast.show{
opacity:1;
}
@media(max-width:760px){
#ttLocalAccess{
padding:
30px 0 50px;
background:
radial-gradient(
circle at 92% 7%,
rgba(255,211,195,.20),
transparent 20%
),
linear-gradient(
180deg,
#fff8f5,
#fafcf9 56%,
#fff9f6
);
}
#ttLocalAccess .ttla-container{
width:
calc(100% - 12px);
}
#ttLocalAccess .ttla-ring,
#ttLocalAccess .ttla-grid{
display:none;
}
#ttLocalAccess .ttla-intro{
align-items:stretch;
margin-bottom:11px;
padding:
0 5px;
text-align:right;
}
#ttLocalAccess .ttla-kicker{
width:max-content;
margin-bottom:4px;
justify-content:flex-start;
font-size:10px;
}
#ttLocalAccess .ttla-kicker::before{
display:none;
}
#ttLocalAccess .ttla-kicker::after{
width:37px;
}
#ttLocalAccess .ttla-intro h2{
font-size:
clamp(
28px,
8vw,
34px
);
line-height:1.44;
letter-spacing:-.5px;
}
#ttLocalAccess .ttla-intro p{
margin:
5px 0 0;
font-size:13px;
line-height:1.95;
}
#ttLocalAccess .ttla-intro-hand{
display:inline-flex;
align-self:flex-start;
min-height:30px;
margin:
8px 0 0;
padding:
3px 9px 6px;
border:
1px solid
rgba(105,98,242,.065);
border-radius:10px;
background:
linear-gradient(
90deg,
rgba(239,235,255,.96),
rgba(248,246,255,.82)
);
font-size:14.5px;
transform:
rotate(-1.4deg);
}
#ttLocalAccess .ttla-intro-micro{
display:none;
}
#ttLocalAccess .ttla-shell{
padding:7px;
grid-template-columns:1fr;
grid-template-areas:
"mobile"
"info"
"map";
gap:7px;
overflow:hidden;
border-radius:28px;
box-shadow:
0 20px 50px
rgba(35,42,90,.06);
}
#ttLocalAccess .ttla-shell::before{
right:43px;
width:114px;
height:4px;
}
#ttLocalAccess .ttla-shell::after{
left:28px;
width:71px;
height:4px;
}
#ttLocalAccess .ttla-mobile-state-rail{
grid-area:mobile;
min-height:45px;
padding:
5px 7px;
display:grid;
grid-template-columns:
34px minmax(0,1fr) auto;
gap:8px;
align-items:center;
border:
1px solid
rgba(105,98,242,.075);
border-radius:13px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.88),
rgba(248,246,255,.78)
);
box-shadow:
0 7px 19px
rgba(40,44,94,.025);
}
#ttLocalAccess .ttla-mobile-state-index{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
color:#fff;
background:
linear-gradient(
145deg,
#7169f4,
#5e58df
);
font-family:
Arial,
sans-serif;
font-size:11px;
font-weight:900;
}
#ttLocalAccess .ttla-mobile-state-copy{
min-width:0;
}
#ttLocalAccess .ttla-mobile-state-copy strong{
display:block;
color:var(--la-ink);
font-size:10.5px;
line-height:1.4;
font-weight:900;
}
#ttLocalAccess .ttla-mobile-state-copy small{
display:block;
margin-top:1px;
color:var(--la-muted);
font-family:
Arial,
sans-serif;
font-size:5.1px;
font-weight:800;
letter-spacing:.65px;
}
#ttLocalAccess .ttla-mobile-state-live{
min-height:26px;
padding:
0 7px;
display:flex;
align-items:center;
gap:5px;
border-radius:999px;
color:var(--la-sage-dark);
background:
rgba(234,246,242,.93);
font-size:7px;
font-weight:850;
}
#ttLocalAccess .ttla-mobile-state-live i{
width:6px;
height:6px;
border-radius:50%;
background:var(--la-sage);
}
#ttLocalAccess .ttla-info{
grid-area:info;
padding:
24px 14px 16px;
border-radius:22px;
}
#ttLocalAccess .ttla-info::before{
top:27px;
width:4px;
height:91px;
}
#ttLocalAccess .ttla-info::after{
top:13px;
left:15px;
width:43px;
}
#ttLocalAccess .ttla-info-micro,
#ttLocalAccess .ttla-info-dotgrid,
#ttLocalAccess .ttla-info-curve{
display:none;
}
#ttLocalAccess .ttla-eyebrow{
min-height:25px;
margin-bottom:8px;
padding:
0 8px;
font-size:7.5px;
}
#ttLocalAccess .ttla-info h3{
font-size:
clamp(
26px,
7.5vw,
32px
);
line-height:1.48;
}
#ttLocalAccess .ttla-info-lead{
margin-top:7px;
font-size:10.3px;
line-height:1.88;
}
#ttLocalAccess .ttla-info-script{
margin-top:7px;
padding:
2px 7px 5px;
font-size:13.5px;
transform:
rotate(-1.3deg);
}
#ttLocalAccess .ttla-address-box{
margin-top:13px;
padding:
11px 11px 11px 43px;
border-radius:13px;
}
#ttLocalAccess .ttla-address-label{
margin-bottom:3px;
font-size:7px;
}
#ttLocalAccess .ttla-address{
font-size:9.5px;
line-height:1.85;
}
#ttLocalAccess .ttla-copy-address{
left:8px;
width:29px;
height:29px;
border-radius:8px;
}
#ttLocalAccess .ttla-facts{
margin-top:6px;
gap:5px;
}
#ttLocalAccess .ttla-fact{
min-height:56px;
padding:
8px;
border-radius:11px;
}
#ttLocalAccess .ttla-fact small{
font-size:6.7px;
}
#ttLocalAccess .ttla-fact strong{
margin-top:3px;
font-size:8.1px;
}
#ttLocalAccess .ttla-actions{
margin-top:9px;
gap:5px;
}
#ttLocalAccess .ttla-btn{
min-height:44px;
border-radius:11px;
font-size:8.8px;
}
#ttLocalAccess .ttla-btn-icon{
width:27px;
height:27px;
border-radius:8px;
}
#ttLocalAccess .ttla-contact-modal{
display:none !important;
}
#ttLocalAccess .ttla-map-panel{
grid-area:map;
min-height:0;
padding:5px;
border-radius:22px;
}
#ttLocalAccess .ttla-map-micro,
#ttLocalAccess .ttla-map-dotgrid,
#ttLocalAccess .ttla-map-script{
display:none !important;
}
#ttLocalAccess .ttla-map-frame{
min-height:260px;
height:260px;
border-radius:18px;
}
#ttLocalAccess .ttla-map-frame iframe{
min-height:260px;
height:260px;
}
#ttLocalAccess .ttla-map-top{
top:8px;
right:8px;
left:8px;
gap:5px;
}
#ttLocalAccess .ttla-map-place{
min-height:31px;
padding:
0 8px;
border-radius:10px;
font-size:6.8px;
}
#ttLocalAccess .ttla-open-map{
min-height:31px;
padding:
0 7px;
border-radius:10px;
font-size:6.5px;
}
#ttLocalAccess .ttla-map-bottom{
right:8px;
bottom:8px;
width:
calc(100% - 16px);
padding:
8px 9px;
border-radius:11px;
}
#ttLocalAccess .ttla-map-bottom small{
font-size:6.8px;
}
#ttLocalAccess .ttla-map-bottom strong{
margin-top:2px;
font-size:8.1px;
line-height:1.65;
}
#ttLocalAccess .ttla-number{
left:6px;
bottom:4px;
width:101px;
height:84px;
}
#ttLocalAccess .ttla-number strong{
left:1px;
bottom:18px;
font-size:67px;
letter-spacing:-5px;
color:
rgba(23,38,79,.031);
}
#ttLocalAccess .ttla-number span{
left:4px;
gap:4px;
font-size:5px;
letter-spacing:.62px;
}
#ttLocalAccess .ttla-number span::before{
width:20px;
}
#ttLocalAccess .ttla-number::before{
left:-4px;
bottom:-4px;
width:58px;
height:27px;
border-radius:
0 0 0 12px;
}
#ttLocalAccess .ttla-number::after{
left:54px;
bottom:-4px;
width:24px;
}
#ttLocalAccess .ttla-map-corner{
width:29px;
height:29px;
}
#ttLocalAccess .ttla-map-corner.one{
top:7px;
right:7px;
}
#ttLocalAccess .ttla-map-corner.two{
left:7px;
bottom:7px;
}
#ttLocalAccess .ttla-toast{
bottom:14px;
min-height:34px;
padding:
0 10px;
border-radius:10px;
font-size:7.8px;
}
}
@media(max-width:390px){
#ttLocalAccess{
padding:
27px 0 46px;
}
#ttLocalAccess .ttla-intro h2{
font-size:27px;
}
#ttLocalAccess .ttla-intro p{
font-size:12.6px;
}
#ttLocalAccess .ttla-mobile-state-live{
display:none;
}
#ttLocalAccess .ttla-mobile-state-rail{
grid-template-columns:
33px minmax(0,1fr);
}
#ttLocalAccess .ttla-facts{
grid-template-columns:1fr 1fr;
}
#ttLocalAccess .ttla-actions{
grid-template-columns:1fr;
}
#ttLocalAccess .ttla-map-place{
max-width:155px;
}
#ttLocalAccess .ttla-map-frame,
#ttLocalAccess .ttla-map-frame iframe{
height:245px;
min-height:245px;
}
}
@media(max-width:760px){
#ttLocalAccess,
#ttLocalAccess .ttla-shell,
#ttLocalAccess .ttla-mobile-state-rail{
position:relative !important;
}
}
@media(prefers-reduced-motion:reduce){
#ttLocalAccess .ttla-intro-hand,
#ttLocalAccess .ttla-info-script,
#ttLocalAccess .ttla-map-script,
#ttLocalAccess .ttla-contact-modal{
animation:none !important;
transition:none !important;
}
}
#ttLocalAccess{
--la-section-warm:#fff4ee;
--la-section-sand:#fffaf5;
--la-shell-neutral:#eee9e4;
--la-map-blue:#eef5ff;
background:
radial-gradient(
circle at 92% 8%,
rgba(255,190,160,.20),
transparent 24%
),
radial-gradient(
circle at 8% 90%,
rgba(105,98,242,.08),
transparent 24%
),
linear-gradient(
180deg,
#fff2eb 0%,
#fff9f5 50%,
#fff4ee 100%
) !important;
border-top:
1px solid
#f1d9cd;
border-bottom:
1px solid
#f0ddd4;
}
#ttLocalAccess::before{
content:"";
position:absolute;
z-index:0;
top:0;
right:8%;
left:8%;
height:4px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
transparent,
rgba(223,132,108,.48),
rgba(255,209,191,.52),
rgba(105,98,242,.20),
transparent
);
pointer-events:none;
}
#ttLocalAccess .ttla-intro-hand,
#ttLocalAccess .ttla-info-script,
#ttLocalAccess .ttla-contact-hand{
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif !important;
font-style:normal !important;
font-weight:800 !important;
transform:none !important;
}
#ttLocalAccess .ttla-intro-hand{
position:relative !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
display:inline-flex !important;
align-items:center;
width:max-content;
max-width:100%;
min-height:31px;
margin:
10px 0 0 !important;
padding:
0 10px !important;
color:
#9c5f4f !important;
border:
1px solid
rgba(223,132,108,.15);
border-radius:
999px !important;
background:
#fff0e8 !important;
box-shadow:none !important;
font-size:
10.5px !important;
line-height:
1 !important;
}
#ttLocalAccess .ttla-intro-hand::before{
content:"";
width:6px;
height:6px;
margin-left:6px;
flex:0 0 auto;
border-radius:50%;
background:
var(--la-coral);
box-shadow:
0 0 0 4px
rgba(223,132,108,.08);
}
#ttLocalAccess .ttla-intro-hand::after{
display:none !important;
}
#ttLocalAccess .ttla-info-script{
display:none !important;
}
#ttLocalAccess .ttla-map-script{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttLocalAccess .ttla-contact-hand{
padding:0 !important;
margin-bottom:8px !important;
color:
var(--la-iris) !important;
background:
transparent !important;
border-radius:0 !important;
font-size:
11px !important;
line-height:
1.6 !important;
}
#ttLocalAccess .ttla-shell{
border-color:
#eadbd3 !important;
background:
linear-gradient(
145deg,
rgba(255,255,255,.95),
rgba(253,247,243,.93)
) !important;
}
#ttLocalAccess .ttla-info{
border:
1px solid
rgba(105,98,242,.14);
box-shadow:
0 16px 40px
rgba(20,31,63,.11);
}
#ttLocalAccess .ttla-map-panel{
border-color:
#d9e2f1 !important;
background:
linear-gradient(
145deg,
#eef5ff,
#f6f8ff
) !important;
}
@media(max-width:760px){
#ttLocalAccess{
padding:
30px 0 48px !important;
background:
radial-gradient(
circle at 92% 8%,
rgba(255,190,160,.23),
transparent 22%
),
radial-gradient(
circle at 7% 90%,
rgba(105,98,242,.09),
transparent 23%
),
linear-gradient(
180deg,
#fff0e8 0%,
#fff8f4 52%,
#fff3ed 100%
) !important;
}
#ttLocalAccess::before{
right:18px;
left:18px;
height:3px;
}
#ttLocalAccess .ttla-container{
width:
calc(100% - 14px) !important;
}
#ttLocalAccess .ttla-intro{
margin:
0 0 10px !important;
padding:
14px 14px 13px !important;
align-items:
stretch !important;
border:
1px solid
#f0ddd3;
border-radius:
20px;
background:
linear-gradient(
145deg,
#ffffff,
#fff9f5
);
box-shadow:
0 7px 19px
rgba(83,55,43,.035);
text-align:
right !important;
}
#ttLocalAccess .ttla-kicker{
width:
max-content;
margin-bottom:
6px !important;
padding:
4px 8px;
border:
1px solid
rgba(223,132,108,.12);
border-radius:
999px;
color:
#9b5e4d !important;
background:
#fff0e8;
font-size:
10px !important;
}
#ttLocalAccess .ttla-kicker::before,
#ttLocalAccess .ttla-kicker::after{
display:none !important;
}
#ttLocalAccess .ttla-intro h2{
font-size:
clamp(
26px,
7.5vw,
32px
) !important;
line-height:
1.43 !important;
}
#ttLocalAccess .ttla-intro p{
margin:
6px 0 0 !important;
color:
#697183 !important;
font-size:
13px !important;
line-height:
1.95 !important;
}
#ttLocalAccess .ttla-intro-hand{
align-self:
flex-start !important;
margin:
9px 0 0 !important;
}
#ttLocalAccess .ttla-intro-micro{
display:none !important;
}
#ttLocalAccess .ttla-shell{
padding:
7px !important;
gap:
8px !important;
overflow:
hidden !important;
border:
1px solid
#e4d8d2 !important;
border-radius:
26px !important;
background:
#ece7e3 !important;
box-shadow:
0 13px 31px
rgba(67,49,41,.055) !important;
}
#ttLocalAccess .ttla-shell::before,
#ttLocalAccess .ttla-shell::after{
display:none !important;
}
#ttLocalAccess .ttla-mobile-state-rail{
min-height:
50px !important;
margin:
0 !important;
padding:
6px 7px !important;
grid-template-columns:
36px minmax(0,1fr) auto !important;
gap:
8px !important;
border:
1px solid
#e7d8d0 !important;
border-radius:
14px !important;
background:
linear-gradient(
145deg,
#ffffff,
#fff6f1
) !important;
box-shadow:
0 5px 13px
rgba(74,50,41,.025) !important;
}
#ttLocalAccess .ttla-mobile-state-index{
width:
36px !important;
height:
36px !important;
border-radius:
10px !important;
background:
linear-gradient(
145deg,
#e08a70,
#c86d55
) !important;
box-shadow:
0 6px 13px
rgba(223,132,108,.18);
}
#ttLocalAccess .ttla-mobile-state-copy strong{
font-size:
10.5px !important;
}
#ttLocalAccess .ttla-mobile-state-copy small{
color:
#99939a !important;
font-size:
5.5px !important;
}
#ttLocalAccess .ttla-mobile-state-live{
min-height:
27px !important;
padding:
0 8px !important;
border:
1px solid
rgba(79,143,126,.11);
color:
#3e7466 !important;
background:
#eaf6f2 !important;
}
#ttLocalAccess .ttla-info{
padding:
22px 14px 15px !important;
border:
1px solid
rgba(124,118,244,.17) !important;
border-radius:
20px !important;
background:
radial-gradient(
circle at 12% 13%,
rgba(105,98,242,.24),
transparent 29%
),
radial-gradient(
circle at 94% 88%,
rgba(79,143,126,.15),
transparent 31%
),
linear-gradient(
145deg,
#121d3d,
#1e2f57
) !important;
box-shadow:
0 8px 21px
rgba(20,31,63,.16) !important;
}
#ttLocalAccess .ttla-info::before{
top:
24px !important;
width:
4px !important;
height:
87px !important;
background:
linear-gradient(
180deg,
#ffd1bf,
#8882fb
) !important;
opacity:
.92 !important;
}
#ttLocalAccess .ttla-info::after,
#ttLocalAccess .ttla-info-micro,
#ttLocalAccess .ttla-info-dotgrid,
#ttLocalAccess .ttla-info-curve{
display:none !important;
}
#ttLocalAccess .ttla-eyebrow{
min-height:
27px !important;
margin-bottom:
8px !important;
padding:
0 8px !important;
border-color:
rgba(255,209,191,.18) !important;
color:
#ffd8c8 !important;
background:
rgba(255,209,191,.075) !important;
font-size:
7.7px !important;
}
#ttLocalAccess .ttla-info h3{
font-size:
clamp(
26px,
7.4vw,
31px
) !important;
line-height:
1.46 !important;
}
#ttLocalAccess .ttla-info-lead{
margin-top:
7px !important;
color:
rgba(255,255,255,.68) !important;
font-size:
10px !important;
line-height:
1.9 !important;
}
#ttLocalAccess .ttla-address-box{
margin-top:
11px !important;
padding:
10px 10px 10px 66px !important;
border:
1px solid
rgba(255,209,191,.21) !important;
border-radius:
13px !important;
background:
linear-gradient(
145deg,
rgba(255,209,191,.13),
rgba(255,255,255,.04)
) !important;
box-shadow:
inset 3px 0 0
rgba(255,209,191,.35);
}
#ttLocalAccess .ttla-address-label{
color:
rgba(255,216,200,.67) !important;
font-size:
7px !important;
}
#ttLocalAccess .ttla-address-label::before{
background:
rgba(255,209,191,.30) !important;
}
#ttLocalAccess .ttla-address{
font-size:
9.4px !important;
line-height:
1.8 !important;
}
#ttLocalAccess .ttla-copy-address{
left:
7px !important;
width:
53px !important;
height:
31px !important;
padding:
0 7px;
display:flex !important;
align-items:center;
justify-content:center;
gap:
5px;
border:
1px solid
rgba(255,209,191,.18) !important;
border-radius:
9px !important;
color:
#ffd1bf !important;
background:
rgba(255,209,191,.075) !important;
}
#ttLocalAccess .ttla-copy-address::after{
content:"کپی";
font-size:
7px;
font-weight:
900;
}
#ttLocalAccess .ttla-copy-address.is-copied::after{
content:"کپی شد";
}
#ttLocalAccess .ttla-facts{
margin-top:
7px !important;
gap:
5px !important;
}
#ttLocalAccess .ttla-fact{
min-height:
58px !important;
padding:
8px !important;
border-radius:
11px !important;
}
#ttLocalAccess .ttla-fact:nth-child(1){
border-color:
rgba(79,143,126,.18) !important;
background:
rgba(79,143,126,.10) !important;
}
#ttLocalAccess .ttla-fact:nth-child(2){
border-color:
rgba(105,98,242,.18) !important;
background:
rgba(105,98,242,.10) !important;
}
#ttLocalAccess .ttla-fact small{
color:
rgba(255,255,255,.48) !important;
font-size:
6.7px !important;
}
#ttLocalAccess .ttla-fact strong{
margin-top:
3px !important;
color:
#fff !important;
font-size:
8.2px !important;
line-height:
1.65 !important;
}
#ttLocalAccess .ttla-actions{
margin-top:
8px !important;
padding:
6px !important;
grid-template-columns:
1fr 1fr !important;
gap:
5px !important;
border:
1px solid
rgba(255,255,255,.08);
border-radius:
14px;
background:
rgba(255,255,255,.035);
}
#ttLocalAccess .ttla-btn{
min-height:
46px !important;
border:
1px solid
transparent !important;
border-radius:
11px !important;
font-size:
8.8px !important;
}
#ttLocalAccess .ttla-btn.primary{
color:
#fff !important;
border-color:
#6962f2 !important;
background:
linear-gradient(
145deg,
#7770f7,
#5e58df
) !important;
box-shadow:
0 7px 16px
rgba(105,98,242,.20) !important;
}
#ttLocalAccess .ttla-btn.secondary{
color:
#fff !important;
border-color:
#4f8f7e !important;
background:
linear-gradient(
145deg,
#609c8b,
#427668
) !important;
box-shadow:
0 7px 16px
rgba(79,143,126,.17) !important;
}
#ttLocalAccess .ttla-btn.primary .ttla-btn-icon,
#ttLocalAccess .ttla-btn.secondary .ttla-btn-icon{
width:
29px !important;
height:
29px !important;
border:
1px solid
rgba(255,255,255,.15);
color:
#fff !important;
background:
rgba(255,255,255,.12) !important;
}
#ttLocalAccess .ttla-map-panel{
min-height:
0 !important;
padding:
7px !important;
border:
1px solid
#cfdded !important;
border-radius:
20px !important;
background:
linear-gradient(
145deg,
#eaf3ff,
#f5f8ff
) !important;
box-shadow:
0 7px 18px
rgba(48,72,107,.04) !important;
}
#ttLocalAccess .ttla-map-micro,
#ttLocalAccess .ttla-map-dotgrid,
#ttLocalAccess .ttla-number,
#ttLocalAccess .ttla-map-corner{
display:none !important;
}
#ttLocalAccess .ttla-map-script{
display:inline-block !important;
left:
14px !important;
bottom:
59px !important;
padding:
2px 6px 4px !important;
color:
rgba(88,79,208,.58) !important;
background:
rgba(255,255,255,.64) !important;
border-radius:
8px !important;
font-size:
12.5px !important;
transform:
rotate(-1.5deg) !important;
}
#ttLocalAccess .ttla-map-script::after{
display:none !important;
}
#ttLocalAccess .ttla-map-frame{
min-height:
260px !important;
height:
260px !important;
border:
1px solid
rgba(75,99,135,.08);
border-radius:
16px !important;
background:
#edf2f7 !important;
}
#ttLocalAccess .ttla-map-frame iframe{
min-height:
260px !important;
height:
260px !important;
}
#ttLocalAccess .ttla-map-top{
top:
8px !important;
right:
8px !important;
left:
8px !important;
gap:
5px !important;
}
#ttLocalAccess .ttla-map-place{
min-height:
32px !important;
padding:
0 8px !important;
border:
1px solid
rgba(255,255,255,.78) !important;
border-radius:
10px !important;
color:
#3f526d !important;
background:
rgba(255,255,255,.94) !important;
font-size:
6.8px !important;
}
#ttLocalAccess .ttla-open-map{
min-height:
32px !important;
padding:
0 8px !important;
border:
1px solid
rgba(105,98,242,.16) !important;
border-radius:
10px !important;
color:
#5e58cc !important;
background:
rgba(255,255,255,.95) !important;
font-size:
6.7px !important;
box-shadow:
0 5px 13px
rgba(45,55,94,.07) !important;
}
#ttLocalAccess .ttla-map-bottom{
right:
8px !important;
bottom:
8px !important;
width:
calc(100% - 16px) !important;
padding:
8px 9px !important;
border:
1px solid
rgba(255,255,255,.80) !important;
border-radius:
11px !important;
background:
rgba(255,255,255,.93) !important;
box-shadow:
0 7px 17px
rgba(42,57,86,.09) !important;
}
#ttLocalAccess .ttla-map-bottom small{
color:
#4e7d70 !important;
font-size:
6.7px !important;
}
#ttLocalAccess .ttla-map-bottom strong{
margin-top:
2px !important;
color:
#31445f !important;
font-size:
8px !important;
line-height:
1.65 !important;
}
#ttLocalAccess .ttla-contact-modal{
display:none !important;
}
#ttLocalAccess .ttla-toast{
bottom:
12px !important;
min-height:
34px !important;
border-radius:
10px !important;
font-size:
7.7px !important;
}
}
@media(max-width:390px){
#ttLocalAccess .ttla-shell{
padding:
6px !important;
border-radius:
23px !important;
}
#ttLocalAccess .ttla-info,
#ttLocalAccess .ttla-map-panel{
border-radius:
18px !important;
}
#ttLocalAccess .ttla-mobile-state-rail{
grid-template-columns:
34px minmax(0,1fr) !important;
}
#ttLocalAccess .ttla-mobile-state-live{
display:none !important;
}
#ttLocalAccess .ttla-facts{
grid-template-columns:
1fr 1fr !important;
}
#ttLocalAccess .ttla-actions{
grid-template-columns:
1fr !important;
}
#ttLocalAccess .ttla-btn{
min-height:
45px !important;
}
#ttLocalAccess .ttla-map-frame,
#ttLocalAccess .ttla-map-frame iframe{
min-height:
245px !important;
height:
245px !important;
}
#ttLocalAccess .ttla-map-script{
font-size:
12px !important;
}
}
#ttLocalAccess{
background:none !important;
background-color:transparent !important;
background-image:none !important;
background-repeat:no-repeat !important;
background-size:auto !important;
background-position:initial !important;
background-attachment:scroll !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
#ttLocalAccess::before,
#ttLocalAccess::after{
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
border:0 !important;
box-shadow:none !important;
}
#ttLocalAccess .ttla-ring,
#ttLocalAccess .ttla-grid{
display:none !important;
background:none !important;
background-image:none !important;
border:0 !important;
box-shadow:none !important;
}
@media(max-width:760px){
#ttLocalAccess{
background:none !important;
background-color:transparent !important;
background-image:none !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
#ttLocalAccess::before,
#ttLocalAccess::after{
content:none !important;
display:none !important;
}
}
@media(min-width:761px){
#ttLocalAccess{
background:none !important;
background-color:transparent !important;
background-image:none !important;
border-top:0 !important;
border-bottom:0 !important;
box-shadow:none !important;
}
#ttLocalAccess::before,
#ttLocalAccess::after{
content:none !important;
display:none !important;
}
}
#ttLocalAccess{
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
}
#ttLocalAccess > .ttla-ambient-layer{
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
left:0 !important;
right:0 !important;
top:-90px !important;
bottom:-90px !important;
display:block !important;
background-image:
linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 62% !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
border:0 !important;
box-shadow:none !important;
}
#ttLocalAccess > .ttla-container{
position:relative !important;
z-index:1 !important;
}
@media(max-width:760px){
#ttLocalAccess > .ttla-ambient-layer{
top:-56px !important;
bottom:-56px !important;
background-image:
linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 62% !important;
background-size:cover !important;
}
}
#ttLocalAccess {
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#ttLocalAccess::before,
#ttLocalAccess::after {
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
#ttLocalAccess > .ttla-ambient-layer {
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
top:-100px !important;
right:0 !important;
bottom:-100px !important;
left:0 !important;
background-color:#fffaf7 !important;
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 62% !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
}
#ttLocalAccess > .ttla-container {
position:relative !important;
z-index:1 !important;
}
#ttLocalAccess img,
#ttLocalAccess video {
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
}
@media(max-width:767px) {
#ttLocalAccess > .ttla-ambient-layer {
top:-56px !important;
bottom:-56px !important;
background-image:linear-gradient(transparent,transparent) !important;
background-position:center 62% !important;
background-size:cover !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
}
}
#ttFinalFooter{
--ff-dark:#111b36;
--ff-dark-2:#18264a;
--ff-white:#ffffff;
--ff-muted:rgba(255,255,255,.58);
--ff-muted-2:rgba(255,255,255,.36);
--ff-sage:#74aa9b;
--ff-peach:#eeb89d;
--ff-iris:#7782ef;
--ff-max:1360px;
position:relative;
overflow:hidden;
padding:
20px 0 18px;
color:#fff;
background:
radial-gradient(
circle at 90% 10%,
rgba(119,130,239,.13),
transparent 28%
),
radial-gradient(
circle at 7% 92%,
rgba(116,170,155,.10),
transparent 28%
),
repeating-linear-gradient(
135deg,
transparent 0,
transparent 21px,
rgba(255,255,255,.012) 21px,
rgba(255,255,255,.012) 22px
),
linear-gradient(
145deg,
var(--ff-dark),
var(--ff-dark-2)
);
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif;
-webkit-font-smoothing:
antialiased;
}
#ttFinalFooter *,
#ttFinalFooter *::before,
#ttFinalFooter *::after{
box-sizing:border-box;
}
#ttFinalFooter a{
color:inherit;
text-decoration:none;
}
#ttFinalFooter :focus-visible{
outline:
3px solid
rgba(119,130,239,.40);
outline-offset:3px;
}
#ttFinalFooter .ttff-container{
width:min(
var(--ff-max),
calc(100% - 32px)
);
margin-inline:auto;
}
#ttFinalFooter::before{
content:"";
position:absolute;
top:0;
right:0;
left:0;
height:1px;
background:
linear-gradient(
90deg,
transparent,
rgba(238,184,157,.40),
rgba(116,170,155,.34),
transparent
);
}
#ttFinalFooter .ttff-main{
position:relative;
padding:
29px 29px 24px;
display:grid;
grid-template-columns:
1.15fr
1fr
.85fr;
gap:28px;
border:
1px solid
rgba(255,255,255,.075);
border-radius:27px;
background:
rgba(255,255,255,.026);
}
#ttFinalFooter .ttff-brand{
min-width:0;
}
#ttFinalFooter .ttff-brand-mark{
display:flex;
align-items:center;
gap:9px;
margin-bottom:12px;
}
#ttFinalFooter .ttff-brand-dot{
position:relative;
width:12px;
height:12px;
border:
1px solid
rgba(238,184,157,.55);
border-radius:50%;
}
#ttFinalFooter
.ttff-brand-dot::after{
content:"";
position:absolute;
inset:2px;
border-radius:50%;
background:
var(--ff-peach);
}
#ttFinalFooter .ttff-brand small{
color:
var(--ff-muted-2);
font-family:
Arial,
sans-serif;
font-size:7px;
font-weight:850;
letter-spacing:1.2px;
}
#ttFinalFooter .ttff-brand h3{
margin:0;
color:#fff;
font-size:21px;
line-height:1.6;
font-weight:950;
}
#ttFinalFooter .ttff-brand p{
max-width:430px;
margin:
5px 0 0;
color:
var(--ff-muted);
font-size:9.5px;
line-height:1.9;
}
#ttFinalFooter .ttff-col h4{
margin:
0 0 10px;
color:
rgba(255,255,255,.85);
font-size:9px;
font-weight:900;
}
#ttFinalFooter .ttff-links{
display:grid;
gap:7px;
}
#ttFinalFooter .ttff-link{
width:max-content;
max-width:100%;
display:inline-flex;
align-items:center;
gap:7px;
color:
var(--ff-muted);
font-size:8.5px;
line-height:1.7;
transition:
color .16s ease,
transform .16s ease;
}
#ttFinalFooter .ttff-link::before{
content:"";
width:5px;
height:5px;
flex:0 0 auto;
border-radius:50%;
background:
rgba(116,170,155,.55);
}
#ttFinalFooter
.ttff-link:hover{
color:#fff;
transform:
translateX(-2px);
}
#ttFinalFooter .ttff-contact{
display:grid;
gap:7px;
}
#ttFinalFooter .ttff-phone{
min-height:43px;
padding:
0 10px;
display:flex;
align-items:center;
justify-content:
space-between;
gap:8px;
border:
1px solid
rgba(255,255,255,.08);
border-radius:12px;
color:#fff;
background:
rgba(255,255,255,.045);
font-size:9px;
font-weight:850;
}
#ttFinalFooter .ttff-phone strong{
direction:ltr;
unicode-bidi:embed;
font-family:
Arial,
sans-serif;
font-size:10px;
}
#ttFinalFooter .ttff-consult{
min-height:43px;
padding:
0 11px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
border-radius:12px;
color:
var(--ff-dark);
background:#fff;
box-shadow:
0 10px 26px
rgba(0,0,0,.12);
font-size:9px;
font-weight:900;
transition:
transform .16s ease;
}
#ttFinalFooter
.ttff-consult:hover{
transform:
translateY(-2px);
}
#ttFinalFooter .ttff-bottom{
min-height:53px;
padding:
13px 4px 0;
display:flex;
align-items:center;
justify-content:
space-between;
gap:16px;
color:
var(--ff-muted-2);
font-size:7.5px;
line-height:1.7;
}
#ttFinalFooter .ttff-bottom-links{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:7px;
}
#ttFinalFooter
.ttff-bottom-links a{
color:
var(--ff-muted-2);
transition:
color .16s ease;
}
#ttFinalFooter
.ttff-bottom-links a:hover{
color:#fff;
}
#ttFinalFooter .ttff-separator{
width:3px;
height:3px;
border-radius:50%;
background:
rgba(255,255,255,.22);
}
@media(max-width:760px){
#ttFinalFooter{
padding:
8px 0 12px;
}
#ttFinalFooter .ttff-container{
width:
calc(100% - 12px);
}
#ttFinalFooter .ttff-main{
padding:
20px 16px;
grid-template-columns:1fr;
gap:20px;
border-radius:23px;
}
#ttFinalFooter .ttff-brand h3{
font-size:19px;
}
#ttFinalFooter .ttff-brand p{
font-size:8.5px;
}
#ttFinalFooter .ttff-nav-grid{
display:grid;
grid-template-columns:
repeat(
2,
minmax(0,1fr)
);
gap:18px;
}
#ttFinalFooter .ttff-link{
font-size:8px;
}
#ttFinalFooter .ttff-contact{
grid-template-columns:
1fr 1fr;
}
#ttFinalFooter .ttff-phone,
#ttFinalFooter .ttff-consult{
min-height:45px;
font-size:8px;
}
#ttFinalFooter .ttff-bottom{
min-height:0;
padding:
12px 4px 2px;
display:grid;
gap:8px;
text-align:center;
}
#ttFinalFooter
.ttff-bottom-links{
justify-content:center;
}
}
@media(max-width:390px){
#ttFinalFooter
.ttff-contact{
grid-template-columns:1fr;
}
#ttFinalFooter
.ttff-nav-grid{
gap:14px;
}
}
@media(prefers-reduced-motion:reduce){
#ttFinalFooter *,
#ttFinalFooter *::before,
#ttFinalFooter *::after{
transition:none !important;
}
}
#ttFinalFooter{
--ff-dark:#111b36;
--ff-dark-2:#18264a;
--ff-white:#ffffff;
--ff-muted:rgba(255,255,255,.60);
--ff-muted-2:rgba(255,255,255,.37);
--ff-sage:#74aa9b;
--ff-peach:#ffd1bf;
--ff-iris:#847cf6;
padding:
18px 0 16px;
background:
radial-gradient(
circle at 90% 10%,
rgba(132,124,246,.15),
transparent 28%
),
radial-gradient(
circle at 7% 92%,
rgba(116,170,155,.11),
transparent 28%
),
radial-gradient(
circle at 45% 100%,
rgba(255,209,191,.05),
transparent 24%
),
repeating-linear-gradient(
135deg,
transparent 0,
transparent 21px,
rgba(255,255,255,.012) 21px,
rgba(255,255,255,.012) 22px
),
linear-gradient(
145deg,
var(--ff-dark),
var(--ff-dark-2)
);
}
#ttFinalFooter .ttff-hand,
#ttFinalFooter .ttff-hand *,
.tt09-contact-hand{
font-family:
"TTDanstevis",
"Estedad",
Tahoma,
sans-serif !important;
font-weight:400 !important;
font-style:normal !important;
}
#ttFinalFooter .ttff-main{
overflow:hidden;
padding:
29px 29px 24px;
border-color:
rgba(255,255,255,.082);
background:
linear-gradient(
145deg,
rgba(255,255,255,.035),
rgba(255,255,255,.020)
);
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.012);
}
#ttFinalFooter .ttff-main::before{
content:"";
position:absolute;
top:0;
right:64px;
width:116px;
height:4px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
var(--ff-peach),
var(--ff-iris),
var(--ff-sage)
);
opacity:.78;
}
#ttFinalFooter .ttff-brand{
position:relative;
padding-left:12px;
}
#ttFinalFooter .ttff-brand::after{
content:"";
position:absolute;
left:0;
top:5px;
bottom:5px;
width:1px;
background:
linear-gradient(
180deg,
transparent,
rgba(255,255,255,.09),
transparent
);
}
#ttFinalFooter .ttff-brand-script{
display:inline-block;
width:max-content;
max-width:100%;
margin-top:9px;
padding:
2px 8px 6px;
color:
rgba(221,216,255,.83);
font-size:15px;
line-height:1;
border-radius:9px;
background:
linear-gradient(
90deg,
rgba(132,124,246,.16),
rgba(132,124,246,.02)
);
transform:
rotate(-1.8deg);
}
#ttFinalFooter .ttff-brand-script::after{
content:"";
display:block;
width:61px;
height:9px;
margin:
-2px auto 0;
border-bottom:
1px solid
rgba(255,209,191,.28);
border-radius:50%;
}
#ttFinalFooter .ttff-brand-micro{
margin-top:10px;
display:flex;
align-items:center;
gap:6px;
color:
rgba(255,255,255,.24);
font-family:
Arial,
sans-serif;
font-size:5.7px;
font-weight:900;
letter-spacing:1px;
}
#ttFinalFooter .ttff-brand-micro i{
width:23px;
height:1px;
background:
rgba(255,209,191,.34);
}
#ttFinalFooter .ttff-col h4{
position:relative;
padding-bottom:7px;
}
#ttFinalFooter .ttff-col h4::after{
content:"";
position:absolute;
right:0;
bottom:0;
width:30px;
height:1px;
background:
linear-gradient(
90deg,
rgba(255,209,191,.34),
transparent
);
}
#ttFinalFooter .ttff-link::before{
background:
rgba(116,170,155,.62);
}
#ttFinalFooter .ttff-contact{
gap:8px;
}
#ttFinalFooter .ttff-phone{
border-color:
rgba(255,255,255,.095);
background:
linear-gradient(
145deg,
rgba(255,255,255,.060),
rgba(255,255,255,.032)
);
}
#ttFinalFooter .ttff-consult{
background:
linear-gradient(
145deg,
#fff,
#fff9f6
);
}
.tt09-contact-modal{
position:fixed;
z-index:100600;
inset:0;
display:grid;
place-items:center;
padding:18px;
background:
rgba(18,28,60,.57);
-webkit-backdrop-filter:
blur(12px);
backdrop-filter:
blur(12px);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:
opacity .18s ease,
visibility .18s ease;
}
.tt09-contact-modal.open{
opacity:1;
visibility:visible;
pointer-events:auto;
}
.tt09-contact-dialog{
position:relative;
width:min(
430px,
100%
);
overflow:hidden;
padding:27px;
border:
1px solid
rgba(105,98,242,.13);
border-radius:25px;
background:
radial-gradient(
circle at 91% 9%,
rgba(105,98,242,.11),
transparent 28%
),
radial-gradient(
circle at 8% 93%,
rgba(255,213,197,.24),
transparent 30%
),
linear-gradient(
145deg,
#fffefd,
#fff9f6
);
box-shadow:
0 38px 100px
rgba(10,17,43,.28);
}
.tt09-contact-dialog::before{
content:"";
position:absolute;
top:0;
right:52px;
width:120px;
height:5px;
border-radius:
0 0 999px 999px;
background:
linear-gradient(
90deg,
#df846c,
#6962f2,
#4f8f7e
);
}
.tt09-contact-close{
position:absolute;
top:13px;
left:13px;
width:36px;
height:36px;
display:grid;
place-items:center;
cursor:pointer;
border:
1px solid
rgba(23,38,79,.08);
border-radius:11px;
color:#17264f;
background:
rgba(255,255,255,.84);
}
.tt09-contact-hand{
width:max-content;
max-width:calc(100% - 45px);
margin-bottom:9px;
padding:
2px 10px 6px;
color:
rgba(89,80,209,.73);
background:
linear-gradient(
90deg,
rgba(239,235,255,.95),
transparent
);
border-radius:9px;
font-size:18px;
line-height:1.05;
}
.tt09-contact-kicker{
color:#4f8f7e;
font-size:8px;
font-weight:900;
}
.tt09-contact-dialog h4{
margin:
3px 0 0;
color:#17264f;
font-size:25px;
line-height:1.5;
font-weight:950;
}
.tt09-contact-dialog p{
margin:
7px 0 0;
color:#5e6578;
font-size:13px;
line-height:1.95;
}
.tt09-contact-number{
margin-top:17px;
min-height:66px;
padding:
8px 10px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border:
1px solid
rgba(23,38,79,.075);
border-radius:16px;
background:#fff;
box-shadow:
0 10px 25px
rgba(35,42,90,.035);
}
.tt09-contact-number small{
display:block;
margin-bottom:3px;
color:#9198a7;
font-size:8px;
}
.tt09-contact-number strong{
color:#17264f;
direction:ltr;
unicode-bidi:embed;
font-family:
Arial,
sans-serif;
font-size:21px;
font-weight:900;
}
.tt09-contact-copy{
width:36px;
height:36px;
display:grid;
place-items:center;
cursor:pointer;
border:
1px solid
rgba(23,38,79,.08);
border-radius:11px;
color:#304069;
background:#f9fafc;
}
.tt09-contact-copy.is-copied{
color:#fff;
background:#4f8f7e;
}
.tt09-contact-call{
min-height:49px;
margin-top:9px;
padding:
0 13px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
border-radius:13px;
color:#fff;
background:
linear-gradient(
135deg,
#6962f2,
#5b55de
);
box-shadow:
0 12px 27px
rgba(105,98,242,.20);
font-size:10px;
font-weight:900;
}
.tt09-contact-toast{
min-height:0;
margin-top:7px;
color:#4f8f7e;
text-align:center;
font-size:8px;
font-weight:850;
opacity:0;
transition:
opacity .16s ease;
}
.tt09-contact-toast.show{
opacity:1;
}
@media(max-width:760px){
#ttFinalFooter{
padding:
7px 0 11px;
}
#ttFinalFooter .ttff-container{
width:
calc(100% - 12px);
}
#ttFinalFooter .ttff-main{
padding:
17px 13px;
grid-template-columns:1fr;
gap:16px;
border-radius:21px;
}
#ttFinalFooter .ttff-main::before{
right:35px;
width:90px;
height:3px;
}
#ttFinalFooter .ttff-brand{
padding-left:0;
}
#ttFinalFooter .ttff-brand::after{
display:none;
}
#ttFinalFooter .ttff-brand-mark{
margin-bottom:8px;
}
#ttFinalFooter .ttff-brand h3{
font-size:18px;
}
#ttFinalFooter .ttff-brand p{
max-width:none;
font-size:8.2px;
line-height:1.85;
}
#ttFinalFooter .ttff-brand-script{
margin-top:7px;
padding:
2px 7px 5px;
font-size:13px;
transform:
rotate(-1.2deg);
}
#ttFinalFooter .ttff-brand-micro{
display:none;
}
#ttFinalFooter .ttff-nav-grid{
display:grid;
grid-template-columns:
repeat(
2,
minmax(0,1fr)
);
gap:14px;
}
#ttFinalFooter .ttff-col h4{
margin-bottom:8px;
font-size:8.2px;
}
#ttFinalFooter .ttff-link{
font-size:7.7px;
}
#ttFinalFooter .ttff-contact{
grid-template-columns:1fr;
}
#ttFinalFooter .ttff-phone{
min-height:47px;
border-radius:12px;
font-size:8px;
}
#ttFinalFooter .ttff-phone strong{
font-size:9.5px;
}
#ttFinalFooter .ttff-consult{
display:none;
}
#ttFinalFooter .ttff-bottom{
min-height:0;
padding:
11px 4px 2px;
display:grid;
gap:7px;
text-align:center;
font-size:6.9px;
}
#ttFinalFooter .ttff-bottom-links{
justify-content:center;
gap:6px;
}
.tt09-contact-modal{
display:none !important;
}
}
@media(max-width:390px){
#ttFinalFooter .ttff-nav-grid{
grid-template-columns:1fr 1fr;
gap:12px;
}
#ttFinalFooter .ttff-link{
font-size:7.4px;
}
}
@media(max-width:760px){
#ttFinalFooter,
#ttFinalFooter .ttff-main{
position:relative !important;
}
}
#ttSecondaryAuthority {
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
}
#ttSecondaryAuthority::before,
#ttSecondaryAuthority::after {
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
#ttSecondaryAuthority > .ttsa-ambient-layer {
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
display:block !important;
top:-100px !important;
right:0 !important;
bottom:-100px !important;
left:0 !important;
background-color:#fffaf7 !important;
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:center 50% !important;
background-size:cover !important;
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.30) 34px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.30) calc(100% - 34px),
transparent 100%
) !important;
}
#ttSecondaryAuthority > .ttsa-container {
position:relative !important;
z-index:1 !important;
}
@media(max-width:767px) {
#ttSecondaryAuthority > .ttsa-ambient-layer {
top:-56px !important;
bottom:-56px !important;
background-image:linear-gradient(transparent,transparent) !important;
background-position:center 50% !important;
background-size:cover !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.28) 20px,
#000 54px,
#000 calc(100% - 54px),
rgba(0,0,0,.28) calc(100% - 20px),
transparent 100%
) !important;
}
}
html,body{background:#FFFAF7!important;}
#ttRouterApp .ttr-shell,
#ttProof .ttp-shell,
#ttCenterPositioning .ttcp-shell,
#ttDedicatedExperience .ttde-shell,
#ttTreatmentTeam .tttm-shell,
#ttLocalAccess .ttla-shell,
#ttFinalDecision .ttfd-stage,
#ttSecondaryAuthority .ttsa-shell{
background:transparent!important;
background-image:none!important;
box-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#tt-hh-final #ttHero .tt-hero-box,
#tt-hh-final #ttHero .tt-visual-side,
#tt-hh-final #ttHero .tt-portrait-stage,
#tt-hh-final #ttHero .tt-quote-zone{
background:transparent!important;
background-image:none!important;
box-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttRouterApp :is(.ttr-tabs-shell,.ttr-media,.ttr-content,.ttr-desktop-topbar,.ttr-app-header,.ttr-choice-guide),
#ttProof :is(.ttp-topbar,.ttp-viewer,.ttp-story),
#ttCenterPositioning .ttcp-copy,
#ttDedicatedExperience :is(.ttde-copy,.ttde-media),
#ttTreatmentTeam :is(.tttm-authority,.tttm-team),
#ttLocalAccess :is(.ttla-info,.ttla-map-panel),
#ttFinalDecision :is(.ttfd-copy,.ttfd-action),
#ttSecondaryAuthority :is(.ttsa-authority,.ttsa-links){
background:rgba(255,255,255,.84)!important;
background-image:none!important;
border-color:rgba(24,39,80,.085)!important;
box-shadow:0 16px 42px rgba(32,44,90,.045)!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#tt-hh-final :is(.tt-benefit,.tt-patient-badge,.tt-quote,.tt-btn-soft,.tt-route-icon),
#ttRouterApp :is(.ttr-photo figcaption,.ttr-media-foot,.ttr-flow-num,.ttr-btn-soft,.ttr-compare-inner,.ttr-sheet,.ttr-contact-dialog),
#ttProof :is(.ttp-control,.ttp-chip,.ttp-pill),
#ttCenterPositioning :is(.ttcp-stat,.ttcp-tag,.ttcp-route,.ttcp-cta),
#ttDedicatedExperience :is(.ttde-focus,.ttde-step,.ttde-video-switch,.ttde-video-tab,.ttde-video-bottom,.ttde-contact-dialog),
#ttTreatmentTeam :is(.tttm-authority-tag,.tttm-clarity,.tttm-team-card,.tttm-card,.tttm-team-foot),
#ttLocalAccess :is(.ttla-address-box,.ttla-fact,.ttla-btn.secondary,.ttla-map-card,.ttla-contact-dialog),
#ttFinalDecision :is(.ttfd-route,.ttfd-call,.ttfd-contact-dialog),
#ttSecondaryAuthority :is(.ttsa-route,.ttsa-route-guide,.ttsa-preserved){
background-color:rgba(255,255,255,.90)!important;
border-color:rgba(24,39,80,.08)!important;
}
#tt-hh-final img,
#ttRouterApp img,
#ttProof img,
#ttCenterPositioning img,
#ttDedicatedExperience video,
#ttTreatmentTeam img,
#ttLocalAccess img,
#ttFinalDecision img,
#ttSecondaryAuthority img{
filter:none!important;
opacity:1!important;
mix-blend-mode:normal!important;
}
#ttDedicatedExperience .ttde-copy h2{color:#182750!important;}
#ttDedicatedExperience .ttde-eyebrow{color:#a7614f!important;}
#ttDedicatedExperience .ttde-lead{color:#5d6478!important;}
#ttDedicatedExperience .ttde-copy-script{color:#6975f3!important;}
#ttDedicatedExperience .ttde-copy-micro{color:#8d94a6!important;}
#ttDedicatedExperience .ttde-copy-micro b{color:rgba(105,117,243,.34)!important;}
#ttDedicatedExperience .ttde-focus small{color:#8d94a6!important;}
#ttDedicatedExperience .ttde-focus strong{color:#293965!important;}
#ttDedicatedExperience .ttde-step-num{color:#6975f3!important;}
#ttDedicatedExperience .ttde-step strong{color:#293965!important;}
#ttDedicatedExperience .ttde-step small{color:#737b90!important;}
#ttTreatmentTeam .tttm-authority h3{color:#182750!important;}
#ttTreatmentTeam .tttm-authority-label{color:#4f8f7e!important;}
#ttTreatmentTeam .tttm-authority-code{color:#8d94a6!important;}
#ttTreatmentTeam .tttm-tohid-body p,
#ttTreatmentTeam .tttm-role-note,
#ttTreatmentTeam .tttm-tohid-photo-label{color:#5d6478!important;}
#ttTreatmentTeam .tttm-tohid-photo-label b{color:#8d94a6!important;}
#ttTreatmentTeam .tttm-authority-script{color:#6975f3!important;}
#ttTreatmentTeam .tttm-authority-tag{color:#3f7869!important;}
#ttTreatmentTeam .tttm-authority-micro{color:#8d94a6!important;}
#ttTreatmentTeam .tttm-authority-micro strong{color:rgba(105,117,243,.34)!important;}
#ttLocalAccess .ttla-info h3{color:#182750!important;}
#ttLocalAccess .ttla-eyebrow{color:#a7614f!important;}
#ttLocalAccess .ttla-info-lead{color:#5d6478!important;}
#ttLocalAccess .ttla-info-script{color:#6975f3!important;}
#ttLocalAccess .ttla-address-label{color:#8d94a6!important;}
#ttLocalAccess .ttla-address{color:#293965!important;}
#ttLocalAccess .ttla-copy-address{color:#6975f3!important;}
#ttLocalAccess .ttla-fact small{color:#8d94a6!important;}
#ttLocalAccess .ttla-fact strong{color:#293965!important;}
#ttLocalAccess .ttla-info-micro{color:#8d94a6!important;}
#ttLocalAccess .ttla-info-micro strong{color:rgba(105,117,243,.34)!important;}
#ttLocalAccess .ttla-btn.secondary{color:#182750!important;}
#ttFinalDecision .ttfd-copy h2{color:#182750!important;}
#ttFinalDecision .ttfd-eyebrow{color:#a7614f!important;}
#ttFinalDecision .ttfd-lead,
#ttFinalDecision .ttfd-context{color:#5d6478!important;}
#ttFinalDecision .ttfd-copy-script{color:#6975f3!important;}
#ttFinalDecision .ttfd-routes-label{color:#8d94a6!important;}
#ttFinalDecision .ttfd-route{color:#293965!important;}
#ttFinalDecision .ttfd-copy-foot{color:#737b90!important;}
#ttFinalDecision .ttfd-copy-micro{color:#8d94a6!important;}
#ttFinalDecision .ttfd-copy-micro strong{color:rgba(105,117,243,.34)!important;}
#ttSecondaryAuthority .ttsa-authority h3{color:#182750!important;}
#ttSecondaryAuthority .ttsa-authority-label{color:#4f8f7e!important;}
#ttSecondaryAuthority .ttsa-authority p{color:#5d6478!important;}
#ttSecondaryAuthority .ttsa-authority-script{color:#6975f3!important;}
#ttSecondaryAuthority .ttsa-authority-note{color:#737b90!important;}
#ttSecondaryAuthority .ttsa-authority-micro{color:#8d94a6!important;}
#ttSecondaryAuthority .ttsa-authority-micro strong{color:rgba(105,117,243,.34)!important;}
#ttFinalFooter{
position:relative!important;
isolation:isolate!important;
overflow:hidden!important;
background:transparent!important;
background-image:none!important;
color:#5d6478!important;
border-top-color:rgba(24,39,80,.06)!important;
}
#ttFinalFooter::after{
content:""!important;
display:block!important;
position:absolute!important;
z-index:0!important;
pointer-events:none!important;
inset:-56px 0 0!important;
background-color:#FFFAF7!important;
background-image:linear-gradient(transparent,transparent)!important;
background-repeat:no-repeat!important;
background-position:center 50%!important;
background-size:cover!important;
opacity:1!important;
}
#ttFinalFooter .ttff-container{position:relative!important;z-index:1!important;}
#ttFinalFooter .ttff-main{
background:rgba(255,255,255,.42)!important;
background-image:none!important;
border-color:rgba(24,39,80,.075)!important;
box-shadow:none!important;
}
#ttFinalFooter .ttff-brand h3,
#ttFinalFooter .ttff-col h4{color:#182750!important;}
#ttFinalFooter .ttff-brand p,
#ttFinalFooter .ttff-link{color:#5d6478!important;}
#ttFinalFooter .ttff-brand-mark small,
#ttFinalFooter .ttff-brand-micro,
#ttFinalFooter .ttff-bottom,
#ttFinalFooter .ttff-bottom a{color:#8d94a6!important;}
#ttFinalFooter .ttff-brand-script{color:#6975f3!important;background:rgba(255,255,255,.58)!important;}
#ttFinalFooter .ttff-phone{
color:#182750!important;
background:rgba(255,255,255,.90)!important;
background-image:none!important;
border-color:rgba(79,143,126,.20)!important;
}
#ttFinalFooter .ttff-phone strong{color:#182750!important;}
#ttFinalFooter .ttff-consult{color:#fff!important;}
#ttFinalFooter .ttff-link::before{background:#6975f3!important;}
#ttFinalFooter .ttff-main::before{background:#6975f3!important;}
@media(max-width:767px){
#ttFinalFooter::after{
inset:-40px 0 0!important;
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 50%!important;
}
#ttFinalFooter .ttff-main,
#ttFinalFooter .ttff-brand,
#ttFinalFooter .ttff-nav-grid,
#ttFinalFooter .ttff-main > .ttff-col:last-child{
background:rgba(255,255,255,.50)!important;
background-image:none!important;
border-color:rgba(24,39,80,.07)!important;
}
#ttFinalFooter .ttff-col h4{color:#182750!important;}
#ttFinalFooter .ttff-link{color:#5d6478!important;}
#ttFinalFooter .ttff-brand p{color:#5d6478!important;}
#ttFinalFooter .ttff-bottom{color:#8d94a6!important;}
}
html,body{background:#FFFAF7!important;}
:is(
#tt-hh-final,#ttRouterApp,#ttProof,#ttCenterPositioning,
#ttDedicatedExperience,#ttTreatmentTeam,#ttLocalAccess,
#ttFinalDecision,#ttSecondaryAuthority
){
background-color:transparent!important;
}
#tt-hh-final > .tth-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center top!important;
background-size:cover!important;
}
#ttRouterApp > .ttr-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 42%!important;
background-size:cover!important;
}
#ttProof > .ttp-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 55%!important;
background-size:cover!important;
}
#ttCenterPositioning > .ttcp-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 48%!important;
background-size:cover!important;
}
#ttDedicatedExperience > .ttde-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 55%!important;
background-size:cover!important;
}
#ttTreatmentTeam > .tttm-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 44%!important;
background-size:cover!important;
}
#ttLocalAccess > .ttla-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 62%!important;
background-size:cover!important;
}
#ttFinalDecision > .ttfd-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 50%!important;
background-size:cover!important;
}
#ttSecondaryAuthority > .ttsa-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 50%!important;
background-size:cover!important;
}
#tt-hh-final #ttHero .tt-hero-box,
#tt-hh-final #ttHero .tt-visual-side,
#tt-hh-final #ttHero .tt-portrait-stage,
#tt-hh-final #ttHero .tt-quote-zone,
#ttRouterApp .ttr-shell,
#ttProof .ttp-shell,
#ttCenterPositioning .ttcp-shell,
#ttDedicatedExperience .ttde-shell,
#ttTreatmentTeam .tttm-shell,
#ttLocalAccess .ttla-shell,
#ttFinalDecision .ttfd-stage,
#ttSecondaryAuthority .ttsa-shell{
background:transparent!important;
background-image:none!important;
box-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#tt-hh-final #ttHero :is(
.tt-benefit,.tt-patient-badge,.tt-quote,.tt-btn-soft,.tt-route-icon,.tt-location
){
background-color:rgba(255,255,255,.90)!important;
}
#ttRouterApp :is(
.ttr-tabs-shell,.ttr-media,.ttr-content,.ttr-desktop-topbar,.ttr-app-header,.ttr-choice-guide
){
background:rgba(255,255,255,.92)!important;
background-image:none!important;
}
#ttRouterApp :is(
.ttr-photo figcaption,.ttr-media-foot,.ttr-flow-num,.ttr-btn-soft,.ttr-compare-inner
){
background-color:rgba(255,255,255,.94)!important;
}
#ttProof :is(.ttp-topbar,.ttp-viewer,.ttp-story){
background:rgba(255,255,255,.93)!important;
background-image:none!important;
}
#ttProof :is(.ttp-control,.ttp-chip,.ttp-pill){
background-color:rgba(255,255,255,.95)!important;
}
#ttCenterPositioning .ttcp-copy{
background:rgba(255,255,255,.80)!important;
background-image:none!important;
}
#ttCenterPositioning :is(.ttcp-stat,.ttcp-tag,.ttcp-route,.ttcp-cta){
background-color:rgba(255,255,255,.88)!important;
}
#ttDedicatedExperience :is(.ttde-copy,.ttde-media){
background:rgba(255,255,255,.90)!important;
background-image:none!important;
}
#ttDedicatedExperience :is(
.ttde-focus,.ttde-step,.ttde-video-switch,.ttde-video-tab,.ttde-video-bottom
){
background-color:rgba(255,255,255,.93)!important;
}
#ttTreatmentTeam :is(.tttm-authority,.tttm-team){
background:rgba(255,255,255,.84)!important;
background-image:none!important;
}
#ttTreatmentTeam :is(
.tttm-authority-tag,.tttm-clarity,.tttm-team-card,.tttm-card,.tttm-team-foot
){
background-color:rgba(255,255,255,.90)!important;
}
#ttLocalAccess :is(.ttla-info,.ttla-map-panel){
background:rgba(255,255,255,.86)!important;
background-image:none!important;
}
#ttLocalAccess :is(.ttla-address-box,.ttla-fact,.ttla-btn.secondary,.ttla-map-card){
background-color:rgba(255,255,255,.92)!important;
}
#ttFinalDecision :is(.ttfd-copy,.ttfd-action){
background:rgba(255,255,255,.86)!important;
background-image:none!important;
}
#ttFinalDecision :is(.ttfd-route,.ttfd-call){
background-color:rgba(255,255,255,.92)!important;
}
#ttSecondaryAuthority :is(.ttsa-authority,.ttsa-links){
background:rgba(255,255,255,.92)!important;
background-image:none!important;
}
#ttSecondaryAuthority :is(.ttsa-route,.ttsa-route-guide,.ttsa-preserved){
background-color:rgba(255,255,255,.95)!important;
}
#ttFinalFooter{
background:transparent!important;
background-image:none!important;
}
#ttFinalFooter::after{
background-color:#FFFAF7!important;
background-image:linear-gradient(transparent,transparent)!important;
background-repeat:no-repeat!important;
background-position:center 50%!important;
background-size:cover!important;
opacity:1!important;
}
#ttFinalFooter .ttff-main{
background:rgba(255,255,255,.28)!important;
background-image:none!important;
border-color:rgba(24,39,80,.06)!important;
box-shadow:none!important;
}
#ttFinalFooter :is(.ttff-phone,.ttff-consult){
}
#tt-hh-final img,
#ttRouterApp img,
#ttProof img,
#ttCenterPositioning img,
#ttDedicatedExperience img,
#ttDedicatedExperience video,
#ttTreatmentTeam img,
#ttLocalAccess img,
#ttFinalDecision img,
#ttSecondaryAuthority img{
filter:none!important;
opacity:1!important;
mix-blend-mode:normal!important;
}
@media(max-width:767px){
#tt-hh-final > .tth-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center top!important;
}
#ttRouterApp > .ttr-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 42%!important;
}
#ttProof > .ttp-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 55%!important;
}
#ttCenterPositioning > .ttcp-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 48%!important;
}
#ttDedicatedExperience > .ttde-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 55%!important;
}
#ttTreatmentTeam > .tttm-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 44%!important;
}
#ttLocalAccess > .ttla-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 62%!important;
}
#ttFinalDecision > .ttfd-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 50%!important;
}
#ttSecondaryAuthority > .ttsa-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 50%!important;
}
#ttFinalFooter::after{
background-image:linear-gradient(transparent,transparent)!important;
background-position:center 50%!important;
}
#ttFinalFooter .ttff-main{
background:rgba(255,255,255,.34)!important;
}
}
#tt-hh-final #ttHero .tt-hero-box,
#tt-hh-final #ttHero .tt-visual-side,
#tt-hh-final #ttHero .tt-portrait-stage,
#tt-hh-final #ttHero .tt-quote-zone{
background:transparent!important;
background-image:none!important;
box-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#tt-hh-final #ttHero :is(.tt-benefit,.tt-patient-badge,.tt-quote,.tt-location,.tt-btn-soft,.tt-route-icon){
background-color:rgba(255,255,255,.84)!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttRouterApp :is(.ttr-tabs-shell,.ttr-media,.ttr-content,.ttr-desktop-topbar,.ttr-app-header,.ttr-choice-guide){
background:rgba(255,255,255,.965)!important;
background-image:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttRouterApp :is(.ttr-photo figcaption,.ttr-media-foot,.ttr-flow-num,.ttr-btn-soft,.ttr-compare-inner){
background-color:rgba(255,255,255,.975)!important;
}
#ttProof :is(.ttp-topbar,.ttp-viewer,.ttp-story){
background:rgba(255,255,255,.975)!important;
background-image:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttProof :is(.ttp-control,.ttp-chip,.ttp-pill){
background-color:rgba(255,255,255,.985)!important;
}
#ttCenterPositioning :is(.ttcp-media,.ttcp-copy){
background:rgba(255,255,255,.70)!important;
background-image:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttCenterPositioning :is(.ttcp-stat,.ttcp-tag,.ttcp-route,.ttcp-cta,.ttcp-note){
background-color:rgba(255,255,255,.84)!important;
}
#ttDedicatedExperience :is(.ttde-copy,.ttde-media){
background:rgba(255,255,255,.945)!important;
background-image:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttDedicatedExperience :is(.ttde-focus,.ttde-step,.ttde-video-switch,.ttde-video-tab,.ttde-video-bottom){
background-color:rgba(255,255,255,.965)!important;
}
#ttTreatmentTeam :is(.tttm-authority,.tttm-team){
background:rgba(255,255,255,.70)!important;
background-image:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttTreatmentTeam :is(.tttm-authority-tag,.tttm-clarity,.tttm-team-card,.tttm-card,.tttm-team-foot,.tttm-role-note){
background-color:rgba(255,255,255,.84)!important;
}
#ttLocalAccess :is(.ttla-info,.ttla-map-panel){
background:rgba(255,255,255,.74)!important;
background-image:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttLocalAccess :is(.ttla-address-box,.ttla-fact,.ttla-btn.secondary,.ttla-map-card){
background-color:rgba(255,255,255,.88)!important;
}
#ttFinalDecision :is(.ttfd-copy,.ttfd-action){
background:rgba(255,255,255,.74)!important;
background-image:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttFinalDecision :is(.ttfd-route,.ttfd-call,.ttfd-choice){
background-color:rgba(255,255,255,.89)!important;
}
#ttSecondaryAuthority :is(.ttsa-authority,.ttsa-links){
background:rgba(255,255,255,.93)!important;
background-image:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttSecondaryAuthority :is(.ttsa-route,.ttsa-route-guide,.ttsa-preserved){
background-color:rgba(255,255,255,.97)!important;
}
#ttFinalFooter{
background:transparent!important;
background-image:none!important;
}
#ttFinalFooter .ttff-main{
background:rgba(255,255,255,.12)!important;
background-image:none!important;
border-color:rgba(24,39,80,.05)!important;
box-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
#ttFinalFooter .ttff-phone{
background:rgba(255,255,255,.88)!important;
}
#ttRouterApp > .ttr-ambient-layer{background-position:center 40%!important;}
#ttProof > .ttp-ambient-layer{background-position:center 52%!important;}
#ttCenterPositioning > .ttcp-ambient-layer{background-position:center 47%!important;}
#ttDedicatedExperience > .ttde-ambient-layer{background-position:center 54%!important;}
#ttTreatmentTeam > .tttm-ambient-layer{background-position:center 45%!important;}
#ttLocalAccess > .ttla-ambient-layer{background-position:center 61%!important;}
#ttFinalDecision > .ttfd-ambient-layer{background-position:center 50%!important;}
#ttSecondaryAuthority > .ttsa-ambient-layer{background-position:center 50%!important;}
#tt-hh-final img,
#ttRouterApp img,
#ttProof img,
#ttCenterPositioning img,
#ttDedicatedExperience img,
#ttDedicatedExperience video,
#ttTreatmentTeam img,
#ttLocalAccess img,
#ttFinalDecision img,
#ttSecondaryAuthority img{
filter:none!important;
opacity:1!important;
mix-blend-mode:normal!important;
}
@media(max-width:767px){
#ttCenterPositioning :is(.ttcp-media,.ttcp-copy){background:rgba(255,255,255,.76)!important;}
#ttTreatmentTeam :is(.tttm-authority,.tttm-team){background:rgba(255,255,255,.76)!important;}
#ttLocalAccess :is(.ttla-info,.ttla-map-panel){background:rgba(255,255,255,.79)!important;}
#ttFinalDecision :is(.ttfd-copy,.ttfd-action){background:rgba(255,255,255,.80)!important;}
#ttFinalFooter .ttff-main{background:rgba(255,255,255,.18)!important;}
#ttRouterApp > .ttr-ambient-layer{background-position:center 40%!important;}
#ttProof > .ttp-ambient-layer{background-position:center 52%!important;}
#ttCenterPositioning > .ttcp-ambient-layer{background-position:center 47%!important;}
#ttDedicatedExperience > .ttde-ambient-layer{background-position:center 54%!important;}
#ttTreatmentTeam > .tttm-ambient-layer{background-position:center 45%!important;}
#ttLocalAccess > .ttla-ambient-layer{background-position:center 61%!important;}
}
#tt-hh-final #ttHero .tt-quote-zone,
#tt-hh-final #ttHero .tt-quote{
display:none !important;
}
#tt-hh-final #ttHero .tt-visual-side{
position:relative !important;
isolation:isolate !important;
}
#tt-hh-final #ttHero .tt-memory-note{
position:absolute !important;
z-index:74 !important;
top:118px !important;
right:16px !important;
width:min(47%, 318px) !important;
min-width:248px !important;
height:238px !important;
pointer-events:none !important;
user-select:none !important;
color:rgba(93,78,139,.72) !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
transform:
perspective(980px)
rotateX(6deg)
rotateY(-12deg)
rotateZ(-5.2deg)
skewX(-1.2deg) !important;
transform-origin:18% 14% !important;
transform-style:preserve-3d !important;
mix-blend-mode:multiply !important;
-webkit-mask-image:
radial-gradient(ellipse 94% 92% at 52% 49%, #000 56%, rgba(0,0,0,.88) 70%, rgba(0,0,0,.33) 88%, transparent 100%) !important;
mask-image:
radial-gradient(ellipse 94% 92% at 52% 49%, #000 56%, rgba(0,0,0,.88) 70%, rgba(0,0,0,.33) 88%, transparent 100%) !important;
}
#tt-hh-final #ttHero .tt-memory-lines{
position:absolute !important;
z-index:0 !important;
inset:6px 2px 10px 1px !important;
background:
repeating-linear-gradient(
180deg,
transparent 0 37px,
rgba(105,93,148,.115) 37px 38px
) !important;
opacity:.50 !important;
filter:blur(.14px) !important;
-webkit-mask-image:
linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 8%,#000 24%,#000 78%,rgba(0,0,0,.26) 93%,transparent 100%) !important;
mask-image:
linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 8%,#000 24%,#000 78%,rgba(0,0,0,.26) 93%,transparent 100%) !important;
}
#tt-hh-final #ttHero .tt-memory-copy{
position:absolute !important;
z-index:2 !important;
top:18px !important;
right:14px !important;
left:8px !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
direction:rtl !important;
text-align:right !important;
font-family:"TTDanstevis","IRDastNevis","IRDast Nevis",cursive !important;
font-style:normal !important;
font-weight:400 !important;
text-shadow:0 .35px 1.2px rgba(77,63,117,.07) !important;
}
#tt-hh-final #ttHero .tt-memory-line{
display:block !important;
width:max-content !important;
max-width:100% !important;
color:rgba(89,73,132,.67) !important;
white-space:nowrap !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{
margin-right:2px !important;
font-size:27px !important;
line-height:1.16 !important;
opacity:.90 !important;
transform:rotate(.15deg) !important;
}
#tt-hh-final #ttHero .tt-memory-line-2{
margin-top:10px !important;
margin-right:17px !important;
font-size:25px !important;
line-height:1.18 !important;
opacity:.76 !important;
transform:rotate(-.35deg) !important;
}
#tt-hh-final #ttHero .tt-memory-line-3{
margin-top:10px !important;
margin-right:50px !important;
font-size:24px !important;
line-height:1.15 !important;
opacity:.64 !important;
transform:rotate(.55deg) !important;
}
#tt-hh-final #ttHero .tt-memory-signoff{
position:absolute !important;
z-index:2 !important;
right:58px !important;
bottom:18px !important;
display:flex !important;
align-items:flex-end !important;
gap:11px !important;
direction:rtl !important;
}
#tt-hh-final #ttHero .tt-memory-signature{
width:79px !important;
height:auto !important;
color:rgba(89,73,132,.42) !important;
opacity:.66 !important;
transform:rotate(-4deg) translateY(1px) !important;
transform-origin:center !important;
}
#tt-hh-final #ttHero .tt-memory-name{
padding-bottom:3px !important;
color:rgba(76,65,111,.46) !important;
font-family:"Estedad","Vazirmatn",Tahoma,sans-serif !important;
font-size:10.5px !important;
line-height:1 !important;
font-weight:500 !important;
letter-spacing:0 !important;
white-space:nowrap !important;
}
#tt-hh-final #ttHero .tt-patient-badge{
z-index:82 !important;
}
@media(max-width:1180px) and (min-width:721px){
#tt-hh-final #ttHero .tt-memory-note{
top:112px !important;
right:10px !important;
width:min(48%,288px) !important;
min-width:222px !important;
height:218px !important;
transform:
perspective(900px)
rotateX(5.5deg)
rotateY(-11deg)
rotateZ(-4.8deg)
skewX(-1deg) !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{font-size:24px !important;}
#tt-hh-final #ttHero .tt-memory-line-2{font-size:22px !important; margin-right:13px !important;}
#tt-hh-final #ttHero .tt-memory-line-3{font-size:21px !important; margin-right:40px !important;}
#tt-hh-final #ttHero .tt-memory-signoff{right:48px !important; bottom:15px !important;}
#tt-hh-final #ttHero .tt-memory-signature{width:70px !important;}
#tt-hh-final #ttHero .tt-memory-name{font-size:9.5px !important;}
}
@media(max-width:720px){
#tt-hh-final #ttHero .tt-memory-note{
top:83px !important;
right:3px !important;
width:min(56%,190px) !important;
min-width:0 !important;
height:166px !important;
transform:
perspective(760px)
rotateX(4.5deg)
rotateY(-9deg)
rotateZ(-4deg)
skewX(-.8deg) !important;
-webkit-mask-image:
radial-gradient(ellipse 98% 94% at 52% 49%,#000 52%,rgba(0,0,0,.82) 70%,rgba(0,0,0,.28) 88%,transparent 100%) !important;
mask-image:
radial-gradient(ellipse 98% 94% at 52% 49%,#000 52%,rgba(0,0,0,.82) 70%,rgba(0,0,0,.28) 88%,transparent 100%) !important;
}
#tt-hh-final #ttHero .tt-memory-lines{
inset:4px 0 7px 0 !important;
background:
repeating-linear-gradient(
180deg,
transparent 0 27px,
rgba(105,93,148,.085) 27px 28px
) !important;
opacity:.44 !important;
}
#tt-hh-final #ttHero .tt-memory-copy{
top:11px !important;
right:6px !important;
left:2px !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{
margin-right:0 !important;
font-size:18px !important;
}
#tt-hh-final #ttHero .tt-memory-line-2{
margin-top:7px !important;
margin-right:8px !important;
font-size:16.5px !important;
}
#tt-hh-final #ttHero .tt-memory-line-3{
margin-top:7px !important;
margin-right:27px !important;
font-size:16px !important;
}
#tt-hh-final #ttHero .tt-memory-signoff{
right:25px !important;
bottom:10px !important;
gap:7px !important;
}
#tt-hh-final #ttHero .tt-memory-signature{
width:48px !important;
opacity:.56 !important;
}
#tt-hh-final #ttHero .tt-memory-name{
padding-bottom:2px !important;
font-size:7.4px !important;
color:rgba(76,65,111,.40) !important;
}
}
@media(max-width:390px){
#tt-hh-final #ttHero .tt-memory-note{
top:78px !important;
right:1px !important;
width:min(56%,174px) !important;
height:154px !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{font-size:16.5px !important;}
#tt-hh-final #ttHero .tt-memory-line-2{font-size:15px !important; margin-right:6px !important;}
#tt-hh-final #ttHero .tt-memory-line-3{font-size:14.5px !important; margin-right:24px !important;}
#tt-hh-final #ttHero .tt-memory-signoff{right:21px !important; bottom:9px !important;}
#tt-hh-final #ttHero .tt-memory-signature{width:44px !important;}
#tt-hh-final #ttHero .tt-memory-name{font-size:7px !important;}
}
@media(prefers-reduced-motion:reduce){
#tt-hh-final #ttHero .tt-memory-note,
#tt-hh-final #ttHero .tt-memory-note *{
transition:none !important;
animation:none !important;
}
}
#tt-hh-final > .tth-ambient-layer{
background-position:center 8% !important;
}
#tt-hh-final #ttHero{
position:relative !important;
isolation:isolate !important;
}
#tt-hh-final #ttHero::before{
content:"" !important;
display:block !important;
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
inset:-56px -3vw -48px !important;
background:
radial-gradient(ellipse 30% 34% at 5% 16%, rgba(181,166,255,.17) 0%, rgba(181,166,255,.07) 48%, transparent 76%),
radial-gradient(ellipse 29% 30% at 95% 14%, rgba(255,193,169,.17) 0%, rgba(255,193,169,.07) 48%, transparent 76%),
radial-gradient(ellipse 28% 34% at 97% 84%, rgba(255,183,213,.14) 0%, rgba(255,183,213,.055) 51%, transparent 77%),
radial-gradient(ellipse 32% 30% at 7% 92%, rgba(196,183,255,.12) 0%, rgba(196,183,255,.045) 52%, transparent 78%),
radial-gradient(ellipse 47% 52% at 50% 48%, rgba(255,250,247,.74) 0%, rgba(255,250,247,.42) 48%, transparent 78%);
-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 11%,#000 89%,transparent 100%) !important;
mask-image:linear-gradient(to bottom,transparent 0,#000 11%,#000 89%,transparent 100%) !important;
}
#tt-hh-final #ttHero .tt-hero-grid{
position:relative !important;
z-index:2 !important;
}
#tt-hh-final #ttHero :is(.tt-patient-badge,.tt-benefit,.tt-location,.tt-btn-soft,.tt-route-icon){
background-color:rgba(255,255,255,.86) !important;
}
#tt-hh-final #ttHero .tt-memory-note{
top:104px !important;
right:-2px !important;
width:min(44%, 300px) !important;
min-width:238px !important;
height:210px !important;
color:rgba(78,64,122,.74) !important;
opacity:.98 !important;
mix-blend-mode:multiply !important;
transform:
perspective(860px)
rotateX(25deg)
rotateY(-9deg)
rotateZ(-6.4deg)
skewX(-.6deg) !important;
transform-origin:10% 5% !important;
-webkit-mask-image:radial-gradient(ellipse 92% 90% at 50% 47%,#000 52%,rgba(0,0,0,.90) 66%,rgba(0,0,0,.45) 83%,transparent 100%) !important;
mask-image:radial-gradient(ellipse 92% 90% at 50% 47%,#000 52%,rgba(0,0,0,.90) 66%,rgba(0,0,0,.45) 83%,transparent 100%) !important;
}
#tt-hh-final #ttHero .tt-memory-note::before{
content:"" !important;
position:absolute !important;
z-index:0 !important;
inset:-8px -6px -4px !important;
pointer-events:none !important;
background:
radial-gradient(ellipse 64% 48% at 62% 30%,rgba(255,255,255,.28),transparent 74%),
linear-gradient(116deg,transparent 0 17%,rgba(255,255,255,.10) 39%,transparent 66%);
filter:blur(3px) !important;
opacity:.65 !important;
}
#tt-hh-final #ttHero .tt-memory-lines{
z-index:1 !important;
inset:6px -4px 10px -12px !important;
background:
repeating-linear-gradient(
180deg,
transparent 0 34px,
rgba(102,87,145,.105) 34px 35px
) !important;
opacity:.46 !important;
filter:blur(.12px) !important;
transform:translateZ(-1px) !important;
-webkit-mask-image:radial-gradient(ellipse 94% 88% at 48% 45%,#000 42%,rgba(0,0,0,.66) 72%,transparent 100%) !important;
mask-image:radial-gradient(ellipse 94% 88% at 48% 45%,#000 42%,rgba(0,0,0,.66) 72%,transparent 100%) !important;
}
#tt-hh-final #ttHero .tt-memory-copy{
z-index:3 !important;
top:13px !important;
right:12px !important;
left:4px !important;
align-items:flex-start !important;
direction:rtl !important;
text-align:right !important;
font-family:"TTDanstevis","IRDastNevis","IRDast Nevis",cursive !important;
text-shadow:0 .45px 1.2px rgba(59,47,94,.08) !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{
margin-right:1px !important;
font-size:26px !important;
line-height:1.15 !important;
opacity:.92 !important;
transform:rotate(.25deg) translateX(0) !important;
}
#tt-hh-final #ttHero .tt-memory-line-2{
margin-top:11px !important;
margin-right:15px !important;
font-size:23px !important;
line-height:1.19 !important;
opacity:.80 !important;
transform:rotate(-.45deg) translateX(-2px) !important;
}
#tt-hh-final #ttHero .tt-memory-line-3{
margin-top:12px !important;
margin-right:46px !important;
font-size:21px !important;
line-height:1.15 !important;
opacity:.72 !important;
transform:rotate(.65deg) translateX(2px) !important;
}
#tt-hh-final #ttHero .tt-memory-signoff{
z-index:4 !important;
right:55px !important;
bottom:7px !important;
gap:14px !important;
align-items:center !important;
direction:rtl !important;
}
#tt-hh-final #ttHero .tt-memory-signature{
width:74px !important;
color:rgba(77,63,118,.38) !important;
opacity:.56 !important;
transform:rotate(-6deg) translateY(2px) !important;
}
#tt-hh-final #ttHero .tt-memory-name{
padding-bottom:0 !important;
color:rgba(75,62,112,.40) !important;
font-family:"TTDanstevis","IRDastNevis","IRDast Nevis",cursive !important;
font-size:12.5px !important;
line-height:1 !important;
font-weight:400 !important;
transform:rotate(-1.4deg) translateY(1px) !important;
}
#tt-hh-final #ttHero .tt-patient-badge{
z-index:90 !important;
}
@media(max-width:1180px) and (min-width:721px){
#tt-hh-final #ttHero .tt-memory-note{
top:101px !important;
right:-6px !important;
width:min(45%,272px) !important;
min-width:220px !important;
height:194px !important;
transform:
perspective(820px)
rotateX(23deg)
rotateY(-8deg)
rotateZ(-6deg)
skewX(-.5deg) !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{font-size:23px !important;}
#tt-hh-final #ttHero .tt-memory-line-2{font-size:20.5px !important;margin-right:12px !important;}
#tt-hh-final #ttHero .tt-memory-line-3{font-size:19px !important;margin-right:38px !important;}
#tt-hh-final #ttHero .tt-memory-signoff{right:44px !important;bottom:6px !important;gap:11px !important;}
#tt-hh-final #ttHero .tt-memory-signature{width:64px !important;}
#tt-hh-final #ttHero .tt-memory-name{font-size:11px !important;}
}
@media(max-width:720px){
#tt-hh-final #ttHero::before{
inset:-30px -12px -28px !important;
background:
radial-gradient(ellipse 45% 25% at 2% 14%,rgba(181,166,255,.14),transparent 76%),
radial-gradient(ellipse 42% 25% at 100% 15%,rgba(255,193,169,.14),transparent 76%),
radial-gradient(ellipse 44% 27% at 100% 86%,rgba(255,183,213,.11),transparent 78%),
radial-gradient(ellipse 58% 44% at 50% 48%,rgba(255,250,247,.68),transparent 78%);
}
#tt-hh-final #ttHero .tt-memory-note{
top:66px !important;
right:-1px !important;
width:min(53%,182px) !important;
min-width:0 !important;
height:150px !important;
transform:
perspective(660px)
rotateX(19deg)
rotateY(-7deg)
rotateZ(-5deg)
skewX(-.4deg) !important;
}
#tt-hh-final #ttHero .tt-memory-lines{
inset:3px -2px 6px -7px !important;
background:
repeating-linear-gradient(180deg,transparent 0 25px,rgba(102,87,145,.08) 25px 26px) !important;
opacity:.39 !important;
}
#tt-hh-final #ttHero .tt-memory-copy{
top:8px !important;
right:5px !important;
left:1px !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{
font-size:17px !important;
margin-right:0 !important;
}
#tt-hh-final #ttHero .tt-memory-line-2{
margin-top:7px !important;
margin-right:7px !important;
font-size:15.2px !important;
}
#tt-hh-final #ttHero .tt-memory-line-3{
margin-top:7px !important;
margin-right:23px !important;
font-size:14.2px !important;
}
#tt-hh-final #ttHero .tt-memory-signoff{
right:21px !important;
bottom:5px !important;
gap:7px !important;
}
#tt-hh-final #ttHero .tt-memory-signature{
width:44px !important;
opacity:.49 !important;
}
#tt-hh-final #ttHero .tt-memory-name{
font-size:8.8px !important;
opacity:.92 !important;
}
}
@media(max-width:390px){
#tt-hh-final #ttHero .tt-memory-note{
top:63px !important;
right:-3px !important;
width:min(52%,166px) !important;
height:140px !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{font-size:15.8px !important;}
#tt-hh-final #ttHero .tt-memory-line-2{font-size:14px !important;margin-right:5px !important;}
#tt-hh-final #ttHero .tt-memory-line-3{font-size:13.2px !important;margin-right:20px !important;}
#tt-hh-final #ttHero .tt-memory-signature{width:40px !important;}
#tt-hh-final #ttHero .tt-memory-name{font-size:8px !important;}
}
@media(prefers-reduced-motion:reduce){
#tt-hh-final #ttHero .tt-memory-note,
#tt-hh-final #ttHero .tt-memory-note *{
animation:none !important;
transition:none !important;
}
}
:root{
--tt-ambient-base:#FFFAF7;
--tt-ambient-overlap:132px;
--tt-ambient-overlap-mobile:72px;
}
html,body{
background:var(--tt-ambient-base) !important;
}
#tt-hh-final #ttHero::before{
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
:is(
#tt-hh-final > .tth-ambient-layer,
#ttRouterApp > .ttr-ambient-layer,
#ttProof > .ttp-ambient-layer,
#ttCenterPositioning > .ttcp-ambient-layer,
#ttDedicatedExperience > .ttde-ambient-layer,
#ttTreatmentTeam > .tttm-ambient-layer,
#ttLocalAccess > .ttla-ambient-layer,
#ttFinalDecision > .ttfd-ambient-layer,
#ttSecondaryAuthority > .ttsa-ambient-layer
){
top:calc(-1 * var(--tt-ambient-overlap)) !important;
bottom:calc(-1 * var(--tt-ambient-overlap)) !important;
left:-3.5% !important;
right:-3.5% !important;
background-repeat:no-repeat !important;
background-size:cover !important;
background-color:var(--tt-ambient-base) !important;
opacity:1 !important;
filter:none !important;
box-shadow:none !important;
pointer-events:none !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.12) 30px,
rgba(0,0,0,.56) 82px,
#000 142px,
#000 calc(100% - 142px),
rgba(0,0,0,.56) calc(100% - 82px),
rgba(0,0,0,.12) calc(100% - 30px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.12) 30px,
rgba(0,0,0,.56) 82px,
#000 142px,
#000 calc(100% - 142px),
rgba(0,0,0,.56) calc(100% - 82px),
rgba(0,0,0,.12) calc(100% - 30px),
transparent 100%
) !important;
}
#tt-hh-final > .tth-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:50% 5% !important;
transform:scale(1.075) !important;
transform-origin:50% 42% !important;
}
#ttRouterApp > .ttr-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:34% 27% !important;
transform:translateX(-2.2%) scale(1.105) !important;
transform-origin:44% 50% !important;
}
#ttProof > .ttp-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:50% 48% !important;
transform:scale(1.16) !important;
transform-origin:50% 50% !important;
}
#ttCenterPositioning > .ttcp-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:68% 70% !important;
transform:translateX(2.8%) scale(1.095) !important;
transform-origin:58% 58% !important;
}
#ttDedicatedExperience > .ttde-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:39% 56% !important;
transform:translateX(-1.6%) scale(1.13) !important;
transform-origin:45% 55% !important;
}
#ttTreatmentTeam > .tttm-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:30% 78% !important;
transform:translateX(-3.2%) scale(1.105) !important;
transform-origin:42% 62% !important;
}
#ttLocalAccess > .ttla-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:76% 80% !important;
transform:translateX(3.5%) scale(1.085) !important;
transform-origin:62% 60% !important;
}
#ttFinalDecision > .ttfd-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:72% 88% !important;
transform:translateX(2.4%) scale(1.12) !important;
transform-origin:60% 62% !important;
}
#ttSecondaryAuthority > .ttsa-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:49% 54% !important;
transform:scale(1.15) !important;
transform-origin:50% 50% !important;
}
#ttFinalFooter::after{
inset:-66px 0 0 !important;
background-color:var(--tt-ambient-base) !important;
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-position:52% 56% !important;
background-size:cover !important;
opacity:1 !important;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.46) 58px,#000 122px) !important;
mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.46) 58px,#000 122px) !important;
}
:is(
#tt-hh-final #ttHero .tt-hero-box,
#ttRouterApp .ttr-shell,
#ttProof .ttp-shell,
#ttCenterPositioning .ttcp-shell,
#ttDedicatedExperience .ttde-shell,
#ttTreatmentTeam .tttm-shell,
#ttLocalAccess .ttla-shell,
#ttFinalDecision .ttfd-stage,
#ttSecondaryAuthority .ttsa-shell
){
background-color:transparent !important;
background-image:none !important;
}
#tt-hh-final #ttHero .tt-memory-note{
top:174px !important;
right:2px !important;
width:min(42%,282px) !important;
min-width:224px !important;
height:186px !important;
transform:
perspective(980px)
rotateX(31deg)
rotateY(8deg)
rotateZ(-7.2deg)
skewX(-.45deg) !important;
transform-origin:8% 7% !important;
opacity:.98 !important;
mix-blend-mode:multiply !important;
}
#tt-hh-final #ttHero .tt-memory-note::before{
opacity:.34 !important;
filter:blur(4px) !important;
}
#tt-hh-final #ttHero .tt-memory-lines{
inset:7px -7px 8px -13px !important;
background:
repeating-linear-gradient(
180deg,
transparent 0 31px,
rgba(94,80,137,.092) 31px 32px
) !important;
opacity:.40 !important;
}
#tt-hh-final #ttHero .tt-memory-copy{
top:10px !important;
right:9px !important;
left:2px !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{
font-size:24px !important;
opacity:.94 !important;
margin-right:0 !important;
transform:rotate(.3deg) !important;
}
#tt-hh-final #ttHero .tt-memory-line-2{
margin-top:9px !important;
margin-right:13px !important;
font-size:21.5px !important;
opacity:.80 !important;
transform:rotate(-.5deg) !important;
}
#tt-hh-final #ttHero .tt-memory-line-3{
margin-top:9px !important;
margin-right:43px !important;
font-size:19.5px !important;
opacity:.69 !important;
transform:rotate(.7deg) !important;
}
#tt-hh-final #ttHero .tt-memory-signoff{
right:48px !important;
bottom:3px !important;
gap:15px !important;
}
#tt-hh-final #ttHero .tt-memory-signature{
width:66px !important;
opacity:.50 !important;
transform:rotate(-7deg) translateY(2px) !important;
}
#tt-hh-final #ttHero .tt-memory-name{
font-family:"TTDanstevis","IRDastNevis","IRDast Nevis",cursive !important;
font-size:10.5px !important;
color:rgba(72,60,106,.38) !important;
transform:rotate(-1.8deg) translateY(1px) !important;
}
@media(max-width:767px){
:is(
#tt-hh-final > .tth-ambient-layer,
#ttRouterApp > .ttr-ambient-layer,
#ttProof > .ttp-ambient-layer,
#ttCenterPositioning > .ttcp-ambient-layer,
#ttDedicatedExperience > .ttde-ambient-layer,
#ttTreatmentTeam > .tttm-ambient-layer,
#ttLocalAccess > .ttla-ambient-layer,
#ttFinalDecision > .ttfd-ambient-layer,
#ttSecondaryAuthority > .ttsa-ambient-layer
){
top:calc(-1 * var(--tt-ambient-overlap-mobile)) !important;
bottom:calc(-1 * var(--tt-ambient-overlap-mobile)) !important;
left:-6% !important;
right:-6% !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.16) 18px,
rgba(0,0,0,.60) 45px,
#000 76px,
#000 calc(100% - 76px),
rgba(0,0,0,.60) calc(100% - 45px),
rgba(0,0,0,.16) calc(100% - 18px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.16) 18px,
rgba(0,0,0,.60) 45px,
#000 76px,
#000 calc(100% - 76px),
rgba(0,0,0,.60) calc(100% - 45px),
rgba(0,0,0,.16) calc(100% - 18px),
transparent 100%
) !important;
}
#tt-hh-final > .tth-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:50% 7% !important;
transform:scale(1.06) !important;
}
#ttRouterApp > .ttr-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:35% 27% !important;
transform:translateX(-2%) scale(1.08) !important;
}
#ttProof > .ttp-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:50% 50% !important;
transform:scale(1.12) !important;
}
#ttCenterPositioning > .ttcp-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:69% 70% !important;
transform:translateX(2.4%) scale(1.08) !important;
}
#ttDedicatedExperience > .ttde-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:40% 56% !important;
transform:translateX(-1.4%) scale(1.10) !important;
}
#ttTreatmentTeam > .tttm-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:31% 78% !important;
transform:translateX(-2.5%) scale(1.08) !important;
}
#ttLocalAccess > .ttla-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:75% 80% !important;
transform:translateX(2.8%) scale(1.06) !important;
}
#ttFinalDecision > .ttfd-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:72% 86% !important;
transform:translateX(2%) scale(1.09) !important;
}
#ttSecondaryAuthority > .ttsa-ambient-layer{
background-image:linear-gradient(transparent,transparent) !important;
background-position:50% 54% !important;
transform:scale(1.11) !important;
}
#ttFinalFooter::after{
inset:-42px 0 0 !important;
background-image:linear-gradient(transparent,transparent) !important;
background-position:52% 56% !important;
}
#tt-hh-final #ttHero .tt-memory-note{
top:68px !important;
right:0 !important;
width:min(52%,178px) !important;
min-width:0 !important;
height:146px !important;
transform:
perspective(720px)
rotateX(20deg)
rotateY(5deg)
rotateZ(-5.8deg)
skewX(-.25deg) !important;
transform-origin:9% 8% !important;
}
#tt-hh-final #ttHero .tt-memory-lines{
inset:4px -4px 6px -7px !important;
background:repeating-linear-gradient(180deg,transparent 0 24px,rgba(94,80,137,.072) 24px 25px) !important;
opacity:.35 !important;
}
#tt-hh-final #ttHero .tt-memory-copy{
top:7px !important;
right:4px !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{font-size:16.8px !important;}
#tt-hh-final #ttHero .tt-memory-line-2{font-size:14.8px !important;margin-top:6px !important;margin-right:6px !important;}
#tt-hh-final #ttHero .tt-memory-line-3{font-size:13.8px !important;margin-top:6px !important;margin-right:22px !important;}
#tt-hh-final #ttHero .tt-memory-signoff{right:20px !important;bottom:3px !important;gap:7px !important;}
#tt-hh-final #ttHero .tt-memory-signature{width:42px !important;opacity:.46 !important;}
#tt-hh-final #ttHero .tt-memory-name{font-size:7.8px !important;color:rgba(72,60,106,.34) !important;}
}
@media(max-width:390px){
#tt-hh-final #ttHero .tt-memory-note{
top:63px !important;
right:-2px !important;
width:min(51%,162px) !important;
height:136px !important;
}
#tt-hh-final #ttHero .tt-memory-line-1{font-size:15.4px !important;}
#tt-hh-final #ttHero .tt-memory-line-2{font-size:13.7px !important;}
#tt-hh-final #ttHero .tt-memory-line-3{font-size:12.8px !important;}
#tt-hh-final #ttHero .tt-memory-signature{width:38px !important;}
#tt-hh-final #ttHero .tt-memory-name{font-size:7.2px !important;}
}
html,body{background:#FFFAF7!important;}
:is(
#tt-hh-final > .tth-ambient-layer,
#ttRouterApp > .ttr-ambient-layer,
#ttProof > .ttp-ambient-layer,
#ttCenterPositioning > .ttcp-ambient-layer,
#ttDedicatedExperience > .ttde-ambient-layer,
#ttTreatmentTeam > .tttm-ambient-layer,
#ttLocalAccess > .ttla-ambient-layer,
#ttFinalDecision > .ttfd-ambient-layer,
#ttSecondaryAuthority > .ttsa-ambient-layer
){
top:-126px!important;
bottom:-126px!important;
left:-4%!important;
right:-4%!important;
background-repeat:no-repeat!important;
background-size:cover!important;
background-color:#FFFAF7!important;
opacity:1!important;
filter:none!important;
pointer-events:none!important;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.12) 28px,rgba(0,0,0,.58) 80px,#000 140px,#000 calc(100% - 140px),rgba(0,0,0,.58) calc(100% - 80px),rgba(0,0,0,.12) calc(100% - 28px),transparent 100%)!important;
mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.12) 28px,rgba(0,0,0,.58) 80px,#000 140px,#000 calc(100% - 140px),rgba(0,0,0,.58) calc(100% - 80px),rgba(0,0,0,.12) calc(100% - 28px),transparent 100%)!important;
}
#tt-hh-final > .tth-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 5%!important;transform:scale(1.06)!important;}
#ttRouterApp > .ttr-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:31% 30%!important;transform:translateX(-2%) scale(1.09)!important;}
#ttProof > .ttp-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 50%!important;transform:scale(1.14)!important;}
#ttCenterPositioning > .ttcp-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:70% 72%!important;transform:translateX(3%) scale(1.09)!important;}
#ttDedicatedExperience > .ttde-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:40% 58%!important;transform:translateX(-1%) scale(1.12)!important;}
#ttTreatmentTeam > .tttm-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:29% 78%!important;transform:translateX(-3%) scale(1.09)!important;}
#ttLocalAccess > .ttla-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:78% 80%!important;transform:translateX(3%) scale(1.07)!important;}
#ttFinalDecision > .ttfd-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:72% 88%!important;transform:translateX(2%) scale(1.10)!important;}
#ttSecondaryAuthority > .ttsa-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 54%!important;transform:scale(1.13)!important;}
:is(
#tt-hh-final #ttHero .tt-hero-box,
#ttRouterApp .ttr-shell,
#ttProof .ttp-shell,
#ttCenterPositioning .ttcp-shell,
#ttDedicatedExperience .ttde-shell,
#ttTreatmentTeam .tttm-shell,
#ttLocalAccess .ttla-shell,
#ttFinalDecision .ttfd-stage,
#ttSecondaryAuthority .ttsa-shell
){background-color:transparent!important;background-image:none!important;}
#tt-hh-final #ttHero .tt-quote-zone,
#tt-hh-final #ttHero .tt-quote{display:none!important;}
#tt-hh-final #ttHero .tt-memory-note{
top:152px!important;
right:-3px!important;
width:min(43%,292px)!important;
min-width:230px!important;
height:184px!important;
transform:perspective(820px) rotateX(44deg) rotateY(-10deg) rotateZ(-7.5deg) skewX(-.5deg)!important;
transform-origin:8% 8%!important;
color:rgba(72,58,112,.62)!important;
mix-blend-mode:multiply!important;
-webkit-mask-image:radial-gradient(ellipse 98% 94% at 52% 49%,#000 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,.28) 88%,transparent 100%)!important;
mask-image:radial-gradient(ellipse 98% 94% at 52% 49%,#000 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,.28) 88%,transparent 100%)!important;
}
#tt-hh-final #ttHero .tt-memory-note::before{background:radial-gradient(ellipse at 44% 45%,rgba(255,250,247,.14),transparent 72%)!important;filter:blur(5px)!important;opacity:.5!important;}
#tt-hh-final #ttHero .tt-memory-lines{inset:7px -8px 8px -14px!important;background:repeating-linear-gradient(180deg,transparent 0 30px,rgba(92,79,135,.075) 30px 31px)!important;opacity:.34!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 78%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 78%,transparent 100%)!important;}
#tt-hh-final #ttHero .tt-memory-copy{top:7px!important;right:8px!important;left:0!important;}
#tt-hh-final #ttHero .tt-memory-line-1{font-size:25px!important;line-height:1.12!important;opacity:.90!important;transform:rotate(.35deg)!important;}
#tt-hh-final #ttHero .tt-memory-line-2{font-size:21.5px!important;line-height:1.16!important;opacity:.66!important;margin-top:10px!important;margin-right:13px!important;transform:rotate(-.6deg)!important;}
#tt-hh-final #ttHero .tt-memory-line-3{font-size:19px!important;line-height:1.14!important;opacity:.52!important;margin-top:9px!important;margin-right:46px!important;transform:rotate(.8deg)!important;}
#tt-hh-final #ttHero .tt-memory-signoff{right:52px!important;bottom:0!important;gap:14px!important;}
#tt-hh-final #ttHero .tt-memory-signature{width:64px!important;color:rgba(72,58,112,.30)!important;opacity:.48!important;transform:rotate(-8deg) translateY(3px)!important;}
#tt-hh-final #ttHero .tt-memory-name{font-family:"TTDanstevis","IRDastNevis","IRDast Nevis",cursive!important;font-size:10px!important;color:rgba(72,58,112,.27)!important;transform:rotate(-2deg)!important;}
@media(max-width:767px){
:is(#tt-hh-final > .tth-ambient-layer,#ttRouterApp > .ttr-ambient-layer,#ttProof > .ttp-ambient-layer,#ttCenterPositioning > .ttcp-ambient-layer,#ttDedicatedExperience > .ttde-ambient-layer,#ttTreatmentTeam > .tttm-ambient-layer,#ttLocalAccess > .ttla-ambient-layer,#ttFinalDecision > .ttfd-ambient-layer,#ttSecondaryAuthority > .ttsa-ambient-layer){top:-68px!important;bottom:-68px!important;left:-6%!important;right:-6%!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 18px,rgba(0,0,0,.62) 44px,#000 74px,#000 calc(100% - 74px),rgba(0,0,0,.62) calc(100% - 44px),rgba(0,0,0,.18) calc(100% - 18px),transparent 100%)!important;mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 18px,rgba(0,0,0,.62) 44px,#000 74px,#000 calc(100% - 74px),rgba(0,0,0,.62) calc(100% - 44px),rgba(0,0,0,.18) calc(100% - 18px),transparent 100%)!important;}
#tt-hh-final > .tth-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 7%!important;transform:scale(1.05)!important;}
#ttRouterApp > .ttr-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:34% 28%!important;}
#ttProof > .ttp-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 50%!important;}
#ttCenterPositioning > .ttcp-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:70% 70%!important;}
#ttDedicatedExperience > .ttde-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:40% 56%!important;}
#ttTreatmentTeam > .tttm-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:30% 78%!important;}
#ttLocalAccess > .ttla-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:76% 80%!important;}
#ttFinalDecision > .ttfd-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:72% 86%!important;}
#ttSecondaryAuthority > .ttsa-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 54%!important;}
#tt-hh-final #ttHero .tt-memory-note{top:64px!important;right:-4px!important;width:min(54%,180px)!important;min-width:0!important;height:145px!important;transform:perspective(620px) rotateX(34deg) rotateY(-8deg) rotateZ(-6deg) skewX(-.3deg)!important;}
#tt-hh-final #ttHero .tt-memory-lines{background:repeating-linear-gradient(180deg,transparent 0 23px,rgba(92,79,135,.065) 23px 24px)!important;opacity:.30!important;}
#tt-hh-final #ttHero .tt-memory-copy{top:5px!important;right:4px!important;}
#tt-hh-final #ttHero .tt-memory-line-1{font-size:16px!important;}
#tt-hh-final #ttHero .tt-memory-line-2{font-size:14px!important;margin-top:6px!important;margin-right:5px!important;}
#tt-hh-final #ttHero .tt-memory-line-3{font-size:13px!important;margin-top:6px!important;margin-right:20px!important;}
#tt-hh-final #ttHero .tt-memory-signoff{right:18px!important;bottom:1px!important;gap:7px!important;}
#tt-hh-final #ttHero .tt-memory-signature{width:40px!important;}
#tt-hh-final #ttHero .tt-memory-name{font-size:7px!important;}
}
#ttHero > .tt-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:50% 6%!important;
}
#ttRouterApp > .ttr-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:24% 28%!important;
}
#ttProof > .ttp-ambient-plate{
background-image:linear-gradient(transparent,transparent)!important;
background-position:50% 52%!important;
}
#ttCenterPositioning > .ttcp-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:76% 68%!important;
}
#ttDedicatedExperience > .ttde-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:34% 55%!important;
}
#ttTreatmentTeam > .tttm-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:25% 76%!important;
}
#ttLocalAccess > .ttla-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:79% 80%!important;
}
#ttFinalDecision > .ttfd-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:75% 86%!important;
}
#ttSecondaryAuthority > .ttsa-ambient-layer{
background-image:linear-gradient(transparent,transparent)!important;
background-position:50% 54%!important;
}
#ttFinalFooter{
background-image:linear-gradient(transparent,transparent)!important;
background-position:52% 56%!important;
}
#tt-hh-final #ttHero .tt-quote-zone,
#tt-hh-final #ttHero .tt-quote,
#tt-hh-final #ttHero .tt-hand-note,
#tt-hh-final #ttHero .tt-english-slogan{
display:none!important;
}
#tt-hh-final #ttHero .tt-visual-side{
grid-template-rows:minmax(0,1fr)!important;
}
#tt-hh-final #ttHero .tt-portrait-stage{
min-height:558px!important;
}
#tt-hh-final #ttHero .tt-memory-note{
position:absolute!important;
z-index:8!important;
top:205px!important;
right:40px!important;
width:224px!important;
height:174px!important;
pointer-events:none!important;
user-select:none!important;
color:rgba(78,64,120,.62)!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
transform:perspective(900px) rotateX(29deg) rotateY(-12deg) rotateZ(-6.2deg) skewX(-.3deg)!important;
transform-origin:9% 8%!important;
transform-style:preserve-3d!important;
mix-blend-mode:multiply!important;
-webkit-mask-image:radial-gradient(ellipse 98% 95% at 48% 47%,#000 48%,rgba(0,0,0,.84) 69%,rgba(0,0,0,.31) 88%,transparent 100%)!important;
mask-image:radial-gradient(ellipse 98% 95% at 48% 47%,#000 48%,rgba(0,0,0,.84) 69%,rgba(0,0,0,.31) 88%,transparent 100%)!important;
}
#tt-hh-final #ttHero .tt-memory-note::after{
content:"";
position:absolute;
inset:4px -4px 8px -8px;
z-index:0;
background:radial-gradient(ellipse at 44% 45%,rgba(255,250,247,.12),transparent 71%);
filter:blur(5px);
opacity:.44;
}
#tt-hh-final #ttHero .tt-memory-lines{
position:absolute!important;
z-index:0!important;
inset:8px -8px 7px -10px!important;
background:repeating-linear-gradient(180deg,transparent 0 28px,rgba(92,78,137,.070) 28px 29px)!important;
opacity:.29!important;
filter:blur(.18px)!important;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.20) 8%,#000 24%,#000 78%,rgba(0,0,0,.18) 94%,transparent 100%)!important;
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.20) 8%,#000 24%,#000 78%,rgba(0,0,0,.18) 94%,transparent 100%)!important;
}
#tt-hh-final #ttHero .tt-memory-copy{
position:absolute!important;
z-index:2!important;
top:8px!important;
right:7px!important;
left:0!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
direction:rtl!important;
text-align:right!important;
font-family:"TTDanstevis","IRDastNevis","IRDast Nevis",cursive!important;
font-weight:400!important;
font-style:normal!important;
text-shadow:0 .3px 1px rgba(77,63,117,.045)!important;
}
#tt-hh-final #ttHero .tt-memory-line{
display:block!important;
width:max-content!important;
max-width:100%!important;
white-space:nowrap!important;
color:rgba(78,64,120,.62)!important;
}
#tt-hh-final #ttHero .tt-memory-line-1{
font-size:21.5px!important;
line-height:1.12!important;
opacity:.90!important;
transform:rotate(.35deg)!important;
}
#tt-hh-final #ttHero .tt-memory-line-2{
margin-top:9px!important;
margin-right:9px!important;
font-size:18.2px!important;
line-height:1.17!important;
opacity:.68!important;
transform:rotate(-.55deg)!important;
}
#tt-hh-final #ttHero .tt-memory-line-3{
margin-top:9px!important;
margin-right:34px!important;
font-size:16.6px!important;
line-height:1.14!important;
opacity:.54!important;
transform:rotate(.75deg)!important;
}
#tt-hh-final #ttHero .tt-memory-signoff{
position:absolute!important;
z-index:2!important;
right:36px!important;
bottom:3px!important;
display:flex!important;
align-items:flex-end!important;
gap:13px!important;
direction:rtl!important;
}
#tt-hh-final #ttHero .tt-memory-signature{
width:53px!important;
height:auto!important;
color:rgba(78,64,120,.29)!important;
opacity:.44!important;
transform:rotate(-8deg) translateY(3px)!important;
}
#tt-hh-final #ttHero .tt-memory-name{
padding-bottom:2px!important;
color:rgba(69,58,103,.27)!important;
font-family:"TTDanstevis","IRDastNevis","IRDast Nevis",cursive!important;
font-size:9px!important;
line-height:1!important;
white-space:nowrap!important;
transform:rotate(-2deg)!important;
}
@media(max-width:767px){
#tt-hh-final #ttHero .tt-visual-side{grid-template-rows:392px!important;}
#tt-hh-final #ttHero .tt-portrait-stage{min-height:392px!important;}
#tt-hh-final #ttHero .tt-memory-note{
top:82px!important;
right:22px!important;
width:min(45%,150px)!important;
height:128px!important;
transform:perspective(700px) rotateX(21deg) rotateY(-8deg) rotateZ(-5deg) skewX(-.15deg)!important;
}
#tt-hh-final #ttHero .tt-memory-lines{
inset:4px -3px 5px -5px!important;
background:repeating-linear-gradient(180deg,transparent 0 22px,rgba(92,78,137,.06) 22px 23px)!important;
opacity:.25!important;
}
#tt-hh-final #ttHero .tt-memory-copy{top:5px!important;right:4px!important;}
#tt-hh-final #ttHero .tt-memory-line-1{font-size:14.6px!important;}
#tt-hh-final #ttHero .tt-memory-line-2{font-size:12.7px!important;margin-top:5px!important;margin-right:5px!important;}
#tt-hh-final #ttHero .tt-memory-line-3{font-size:11.7px!important;margin-top:5px!important;margin-right:18px!important;}
#tt-hh-final #ttHero .tt-memory-signoff{right:16px!important;bottom:2px!important;gap:8px!important;}
#tt-hh-final #ttHero .tt-memory-signature{width:34px!important;opacity:.40!important;}
#tt-hh-final #ttHero .tt-memory-name{font-size:6.8px!important;color:rgba(69,58,103,.25)!important;}
#ttHero > .tt-ambient-layer{background-position:50% 7%!important;}
#ttRouterApp > .ttr-ambient-layer{background-position:27% 27%!important;}
#ttProof > .ttp-ambient-plate{background-position:50% 50%!important;}
#ttCenterPositioning > .ttcp-ambient-layer{background-position:76% 68%!important;}
#ttDedicatedExperience > .ttde-ambient-layer{background-position:35% 56%!important;}
#ttTreatmentTeam > .tttm-ambient-layer{background-position:26% 78%!important;}
#ttLocalAccess > .ttla-ambient-layer{background-position:79% 80%!important;}
#ttFinalDecision > .ttfd-ambient-layer{background-position:76% 86%!important;}
#ttSecondaryAuthority > .ttsa-ambient-layer{background-position:50% 54%!important;}
}
body :is(
#ttHero#ttHero > .tt-ambient-layer,
#ttRouterApp#ttRouterApp > .ttr-ambient-layer,
#ttProof#ttProof > .ttp-ambient-plate,
#ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer,
#ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer,
#ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer,
#ttLocalAccess#ttLocalAccess > .ttla-ambient-layer,
#ttFinalDecision#ttFinalDecision > .ttfd-ambient-layer,
#ttSecondaryAuthority#ttSecondaryAuthority > .ttsa-ambient-layer
){
position:absolute!important;z-index:0!important;top:-104px!important;bottom:-104px!important;left:-3%!important;right:-3%!important;
pointer-events:none!important;background-color:transparent!important;background-repeat:no-repeat!important;background-size:cover!important;
opacity:1!important;filter:none!important;box-shadow:none!important;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.14) 28px,rgba(0,0,0,.58) 68px,#000 116px,#000 calc(100% - 116px),rgba(0,0,0,.58) calc(100% - 68px),rgba(0,0,0,.14) calc(100% - 28px),transparent 100%)!important;
mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.14) 28px,rgba(0,0,0,.58) 68px,#000 116px,#000 calc(100% - 116px),rgba(0,0,0,.58) calc(100% - 68px),rgba(0,0,0,.14) calc(100% - 28px),transparent 100%)!important;
}
body #ttHero#ttHero > .tt-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 6%!important;}
body #ttRouterApp#ttRouterApp > .ttr-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:24% 28%!important;}
body #ttProof#ttProof > .ttp-ambient-plate{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 52%!important;}
body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:76% 68%!important;}
body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:34% 55%!important;}
body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:25% 76%!important;}
body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:79% 80%!important;}
body #ttFinalDecision#ttFinalDecision > .ttfd-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:75% 86%!important;}
body #ttSecondaryAuthority#ttSecondaryAuthority > .ttsa-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 54%!important;}
body #ttFinalFooter#ttFinalFooter{background-color:#FFFAF7!important;background-image:linear-gradient(transparent,transparent)!important;background-position:52% 56%!important;background-size:cover!important;background-repeat:no-repeat!important;}
@media(max-width:767px){
body :is(#ttHero#ttHero > .tt-ambient-layer,#ttRouterApp#ttRouterApp > .ttr-ambient-layer,#ttProof#ttProof > .ttp-ambient-plate,#ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer,#ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer,#ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer,#ttLocalAccess#ttLocalAccess > .ttla-ambient-layer,#ttFinalDecision#ttFinalDecision > .ttfd-ambient-layer,#ttSecondaryAuthority#ttSecondaryAuthority > .ttsa-ambient-layer){
top:-58px!important;bottom:-58px!important;left:-6%!important;right:-6%!important;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.16) 16px,rgba(0,0,0,.60) 38px,#000 66px,#000 calc(100% - 66px),rgba(0,0,0,.60) calc(100% - 38px),rgba(0,0,0,.16) calc(100% - 16px),transparent 100%)!important;
mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.16) 16px,rgba(0,0,0,.60) 38px,#000 66px,#000 calc(100% - 66px),rgba(0,0,0,.60) calc(100% - 38px),rgba(0,0,0,.16) calc(100% - 16px),transparent 100%)!important;
}
body #ttHero#ttHero > .tt-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 7%!important;}
body #ttRouterApp#ttRouterApp > .ttr-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:27% 27%!important;}
body #ttProof#ttProof > .ttp-ambient-plate{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 52%!important;}
body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:76% 68%!important;}
body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:35% 55%!important;}
body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:26% 76%!important;}
body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:79% 80%!important;}
body #ttFinalDecision#ttFinalDecision > .ttfd-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:76% 86%!important;}
body #ttSecondaryAuthority#ttSecondaryAuthority > .ttsa-ambient-layer{background-image:linear-gradient(transparent,transparent)!important;background-position:50% 54%!important;}
body #ttFinalFooter#ttFinalFooter{background-image:linear-gradient(transparent,transparent)!important;}
}
html body #tt-hh-final #ttHero#ttHero h1{
font-family:"Lalezar","Estedad",Tahoma,sans-serif !important;
font-weight:400 !important;
font-size:clamp(27px,7.1vw,35px) !important;
line-height:1.24 !important;
letter-spacing:0 !important;
text-wrap:balance !important;
color:#20336f !important;
text-shadow:0 1px 0 rgba(255,255,255,.24) !important;
}
html body #tt-hh-final #ttHero#ttHero h1 .tt-title-accent{
display:block !important;
margin-top:7px !important;
color:#6b66f0 !important;
font-size:.97em !important;
line-height:1.18 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-kicker{
margin-top:8px !important;
opacity:.86 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note,
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy,
html body #tt-hh-final #ttHero#ttHero .tt-memory-name,
html body #tt-hh-final #ttHero#ttHero .tt-memory-badge{
font-family:"IRDastNevis","IRDast Nevis","TTDanstevis","Estedad",Tahoma,sans-serif !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:6px !important;
left:6px !important;
right:auto !important;
width:104px !important;
height:88px !important;
opacity:.94 !important;
z-index:13 !important;
transform:perspective(760px) rotateX(24deg) rotateY(-9deg) rotateZ(-6.3deg) skewX(-.15deg) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy{
top:2px !important;
right:1px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{font-size:10.2px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{font-size:8.9px !important;margin-top:3px !important;margin-right:4px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{font-size:8.1px !important;margin-top:3px !important;margin-right:10px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
right:3px !important;
bottom:0 !important;
gap:2px !important;
max-width:100px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{width:18px !important;min-width:18px !important;opacity:.42 !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-badge{display:none !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{font-size:6px !important;color:rgba(72,60,106,.36) !important;}
@media (max-width:390px){
html body #tt-hh-final #ttHero#ttHero .tt-person{
width:80% !important;
left:31% !important;
bottom:4px !important;
}
html body #tt-hh-final #ttHero#ttHero h1{
font-size:25px !important;
line-height:1.28 !important;
margin-top:18px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:4px !important;
left:4px !important;
width:96px !important;
height:80px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{font-size:9.7px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{font-size:8.3px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{font-size:7.7px !important;}
}
@media (min-width:391px) and (max-width:767px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:8px !important;
left:8px !important;
width:114px !important;
height:92px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{font-size:10.8px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{font-size:9.3px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{font-size:8.5px !important;}
}
#ttRouterApp .ttr-kicker,
#ttRouterApp .ttr-intro-text,
#ttRouterApp .ttr-desktop-topbar,
#ttRouterApp .ttr-app-header,
#ttRouterApp .ttr-choice-guide,
#ttRouterApp .ttr-big-section-number,
#ttRouterApp .ttr-panel-head,
#ttRouterApp .ttr-state-index,
#ttRouterApp .ttr-tab-num,
#ttRouterApp .ttr-route-number,
#ttRouterApp .ttr-stage-micro{
display:none !important;
}
#ttRouterApp .ttr-intro{
margin-bottom:14px !important;
}
#ttRouterApp .ttr-intro h2{
margin-bottom:0 !important;
}
#ttRouterApp .ttr-shell{
gap:14px !important;
}
#ttRouterApp .ttr-tabs-shell{
margin-top:0 !important;
}
#ttRouterApp .ttr-tabs{
margin-top:0 !important;
}
#ttRouterApp .ttr-content h3{
margin-top:2px !important;
}
#ttRouterApp .ttr-media{
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
background:rgba(255,255,255,.46) !important;
border-color:rgba(130,112,208,.18) !important;
}
#ttRouterApp .ttr-media::before{
content:"";
position:absolute;
inset:-10% -12% !important;
z-index:0;
background-image:linear-gradient(transparent,transparent) !important;
background-size:cover !important;
background-position:40% 48% !important;
opacity:.78 !important;
transform:scale(1.08);
}
#ttRouterApp .ttr-media::after{
content:"";
position:absolute;
inset:0;
z-index:0;
background:
radial-gradient(circle at 78% 16%,rgba(249,162,177,.24),transparent 22%),
radial-gradient(circle at 14% 28%,rgba(181,167,255,.24),transparent 24%),
radial-gradient(circle at 44% 78%,rgba(214,195,255,.18),transparent 30%),
linear-gradient(180deg,rgba(255,252,250,.18),rgba(255,250,247,.72));
}
#ttRouterApp .ttr-media > *{position:relative;z-index:1;}
#ttRouterApp .ttr-photo,
#ttRouterApp .ttr-photo.small,
#ttRouterApp .ttr-media-header,
#ttRouterApp .ttr-media-foot{
background:rgba(255,255,255,.72) !important;
backdrop-filter:blur(8px) !important;
}
#ttProof .ttp-frame{
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
background:rgba(255,255,255,.34) !important;
}
#ttProof .ttp-frame::before{
content:"";
position:absolute;
inset:-12% -10%;
z-index:0;
background-image:linear-gradient(transparent,transparent) !important;
background-size:cover !important;
background-position:50% 50% !important;
opacity:.84 !important;
transform:scale(1.08);
}
#ttProof .ttp-frame::after{
content:"";
position:absolute;
inset:0;
z-index:0;
background:
radial-gradient(circle at 82% 15%,rgba(249,162,177,.20),transparent 22%),
radial-gradient(circle at 16% 22%,rgba(176,160,248,.24),transparent 26%),
linear-gradient(180deg,rgba(255,251,249,.18),rgba(255,250,247,.48));
}
#ttProof .ttp-frame > *,
#ttProof .ttp-image-stage > *{
position:relative;
z-index:1;
}
#ttProof .ttp-image-mask,
#ttProof .ttp-viewer-head,
#ttProof .ttp-annotation{
background:rgba(255,255,255,.66) !important;
backdrop-filter:blur(8px) !important;
}
@media (max-width:767px){
#ttRouterApp .ttr-container{gap:16px !important;}
#ttRouterApp .ttr-stage{gap:14px !important;}
#ttRouterApp .ttr-content{padding-top:2px !important;}
}
html body #tt-hh-final #ttHero#ttHero h1{
font-family:"Lalezar","Estedad",Tahoma,sans-serif !important;
font-weight:400 !important;
font-size:clamp(28px,7.3vw,36px) !important;
line-height:1.18 !important;
letter-spacing:0 !important;
text-wrap:balance !important;
color:#20336f !important;
text-shadow:0 1px 0 rgba(255,255,255,.30) !important;
}
html body #tt-hh-final #ttHero#ttHero h1 .tt-title-accent{
display:block !important;
margin-top:8px !important;
color:#655ee9 !important;
font-size:.97em !important;
line-height:1.15 !important;
position:relative !important;
}
html body #tt-hh-final #ttHero#ttHero h1 .tt-title-accent::after{
content:"" !important;
display:block !important;
width:44% !important;
height:2px !important;
margin:6px 0 0 auto !important;
border-radius:99px !important;
background:linear-gradient(90deg,rgba(101,94,233,.12),rgba(101,94,233,.62),rgba(238,166,177,.32)) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note,
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy,
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{
font-family:"Digi Ravi Regular","Digi Ravi","TTDanstevis","IRDastNevis","IRDast Nevis",cursive !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:5px !important;
left:2px !important;
right:auto !important;
width:98px !important;
height:83px !important;
z-index:13 !important;
opacity:.88 !important;
pointer-events:none !important;
transform:perspective(760px) rotateX(22deg) rotateY(-8deg) rotateZ(-6.5deg) skewX(-.15deg) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy{top:1px !important;right:0 !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{font-size:9.7px !important;line-height:1.1 !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{font-size:8.3px !important;line-height:1.15 !important;margin-top:3px !important;margin-right:3px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{font-size:7.6px !important;line-height:1.12 !important;margin-top:3px !important;margin-right:8px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{right:2px !important;bottom:0 !important;gap:2px !important;max-width:94px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-badge{display:none !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{width:17px !important;min-width:17px !important;opacity:.40 !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{font-size:5.8px !important;color:rgba(72,60,106,.38) !important;}
#ttRouterApp :is(
.ttr-kicker,.ttr-intro-text,.ttr-desktop-topbar,.ttr-app-header,
.ttr-choice-guide,.ttr-big-section-number,.ttr-panel-head,.ttr-state-index,
.ttr-tab-num,.ttr-route-number,.ttr-stage-micro,.ttr-dock-info
){display:none !important;}
#ttRouterApp .ttr-intro{
margin:0 0 8px !important;
padding-bottom:0 !important;
}
#ttRouterApp .ttr-intro h2{
margin:0 !important;
text-wrap:balance !important;
}
#ttRouterApp .ttr-shell{
padding-top:0 !important;
gap:10px !important;
}
#ttRouterApp .ttr-tabs-shell,
#ttRouterApp .ttr-tabs{
margin-top:0 !important;
}
#ttRouterApp .ttr-tabs{
position:relative !important;
z-index:4 !important;
}
#ttRouterApp .ttr-tab{
min-height:48px !important;
}
#ttRouterApp .ttr-panel h3{
text-wrap:balance !important;
line-height:1.55 !important;
margin-bottom:8px !important;
}
#ttRouterApp .ttr-lead{
margin-top:0 !important;
line-height:1.95 !important;
}
#ttRouterApp .ttr-value-tags{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:8px !important;
}
#ttRouterApp .ttr-value-tags .ttr-tag{
min-height:48px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
line-height:1.55 !important;
white-space:normal !important;
}
#ttRouterApp .ttr-decision-cues{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
}
#ttRouterApp .ttr-decision-cue{
padding:10px 12px !important;
border:1px solid rgba(83,88,158,.10) !important;
border-radius:14px !important;
background:rgba(255,255,255,.58) !important;
backdrop-filter:blur(7px) !important;
}
#ttRouterApp .ttr-decision-cue strong{
display:block !important;
color:#20336f !important;
font-size:13px !important;
margin-bottom:3px !important;
}
#ttRouterApp .ttr-decision-cue small{
display:block !important;
color:#636a7e !important;
font-size:11px !important;
line-height:1.8 !important;
}
#ttRouterApp .ttr-truth-line{
margin:3px 2px 0 !important;
padding-right:10px !important;
border-right:2px solid rgba(101,94,233,.34) !important;
color:#6e7487 !important;
font-size:10.5px !important;
line-height:1.85 !important;
}
#ttRouterApp .ttr-mobile-dock{
justify-content:stretch !important;
}
#ttRouterApp .ttr-dock-button{
width:100% !important;
justify-content:center !important;
}
@media (max-width:767px){
#ttRouterApp .ttr-stage{
display:flex !important;
flex-direction:column !important;
gap:14px !important;
}
#ttRouterApp .ttr-content{order:1 !important;padding-top:0 !important;}
#ttRouterApp .ttr-media{order:2 !important;}
#ttRouterApp .ttr-panel{padding-top:2px !important;}
#ttRouterApp .ttr-value-tags{grid-template-columns:1fr !important;gap:6px !important;}
#ttRouterApp .ttr-value-tags .ttr-tag{min-height:42px !important;}
#ttRouterApp .ttr-actions{margin-top:12px !important;}
#ttRouterApp .ttr-btn,#ttRouterApp .ttr-btn-soft,#ttRouterApp .ttr-compare-btn{min-height:48px !important;}
}
#ttRouterApp .ttr-media,
#ttProof .ttp-viewer,
#ttProof .ttp-frame{
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
background:rgba(255,255,255,.32) !important;
}
#ttRouterApp .ttr-media::before,
#ttProof .ttp-viewer::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.08),transparent 34%) !important;
opacity:1 !important;
}
#ttRouterApp .ttr-media::after,
#ttProof .ttp-viewer::after{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:linear-gradient(180deg,rgba(255,251,249,.10),rgba(255,250,247,.46)) !important;
}
#ttRouterApp .ttr-media > *,
#ttProof .ttp-viewer > *{position:relative;z-index:1;}
#ttRouterApp :is(.ttr-photo,.ttr-photo.small,.ttr-media-header,.ttr-media-foot),
#ttProof :is(.ttp-frame,.ttp-image-stage,.ttp-image-layer,.ttp-image-mask,.ttp-viewer-head,.ttp-annotation){
background-color:transparent !important;
background-image:none !important;
}
#ttRouterApp .ttr-photo,
#ttProof .ttp-image-mask{
box-shadow:0 14px 36px rgba(73,63,120,.08) !important;
}
#ttRouterApp .ttr-photo img,
#ttProof .ttp-proof-img{
filter:none !important;
mix-blend-mode:normal !important;
}
@media (min-width:768px){
#ttRouterApp .ttr-value-tags{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
#ttRouterApp .ttr-tab::after,
#ttRouterApp .ttr-tab[aria-selected="true"]::after,
#ttRouterApp .ttr-actions::before,
#ttRouterApp .ttr-flow-title::before,
#ttRouterApp .ttr-photo.main::before{
content:none !important;
display:none !important;
}
#ttRouterApp .ttr-actions{
padding-top:12px !important;
margin-top:14px !important;
}
#ttRouterApp .ttr-media{
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-size:cover !important;
background-position:40% 46% !important;
background-color:rgba(255,250,247,.34) !important;
}
#ttProof .ttp-viewer{
background-image:linear-gradient(transparent,transparent) !important;
background-repeat:no-repeat !important;
background-size:cover !important;
background-position:55% 52% !important;
background-color:rgba(255,250,247,.28) !important;
}
#ttProof .ttp-shell,
#ttProof .ttp-stage,
#ttProof .ttp-frame,
#ttRouterApp .ttr-images{
background-color:transparent !important;
background-image:none !important;
}
@media (min-width:768px){
#ttRouterApp .ttr-media{
background-image:linear-gradient(transparent,transparent) !important;
}
#ttProof .ttp-viewer{
background-image:linear-gradient(transparent,transparent) !important;
}
}
@media (max-width:767px){
#ttRouterApp .ttr-mobile-dock{display:none !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:6px !important;
left:-18px !important;
width:88px !important;
height:64px !important;
overflow:visible !important;
opacity:.82 !important;
color:rgba(72,58,112,.68) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{font-size:9px !important;opacity:.92 !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{font-size:7.6px !important;margin-top:2px !important;margin-right:2px !important;opacity:.72 !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{font-size:6.9px !important;margin-top:2px !important;margin-right:6px !important;opacity:.60 !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{display:none !important;}
}
@media (max-width:767px){
html body #tt-hh-final #ttHero#ttHero > .tt-ambient-layer{
left:-8%!important;
right:-8%!important;
top:-34px!important;
bottom:-56px!important;
background-size:cover!important;
background-position:51% 52%!important;
opacity:1!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-hero-box,
html body #tt-hh-final #ttHero#ttHero .tt-location,
html body #tt-hh-final #ttHero#ttHero .tt-diff,
html body #tt-hh-final #ttHero#ttHero .tt-support{
background:rgba(255,255,255,.54)!important;
backdrop-filter:blur(14px)!important;
-webkit-backdrop-filter:blur(14px)!important;
border-color:rgba(118,108,202,.10)!important;
box-shadow:0 10px 26px rgba(31,38,86,.05)!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:18px!important;
left:45.5%!important;
right:auto!important;
width:126px!important;
height:104px!important;
z-index:14!important;
opacity:.97!important;
background:linear-gradient(180deg,rgba(255,253,251,.88),rgba(255,250,246,.70))!important;
box-shadow:0 10px 24px rgba(49,41,89,.10)!important;
transform:perspective(760px) rotateX(20deg) rotateY(-8deg) rotateZ(-4.8deg) skewX(-.1deg)!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy,
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1,
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2,
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
color:rgba(22,22,22,.88)!important;
text-shadow:none!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-lines{
opacity:.22!important;
background:repeating-linear-gradient(180deg,transparent 0 22px,rgba(68,68,68,.07) 22px 23px)!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{font-size:13.6px!important;opacity:.95!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{font-size:11.7px!important;opacity:.78!important;margin-top:4px!important;margin-right:3px!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{font-size:10.6px!important;opacity:.64!important;margin-top:4px!important;margin-right:10px!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
right:8px!important;
bottom:2px!important;
gap:4px!important;
max-width:114px!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{
color:rgba(28,28,28,.45)!important;
font-size:6.5px!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
width:24px!important;
min-width:24px!important;
opacity:.40!important;
filter:grayscale(1)!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-badge{display:none!important;}
html body #tt-hh-final #ttHero#ttHero{
position:relative!important;
z-index:3!important;
padding-bottom:20px!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-hero-box{
padding-bottom:18px!important;
overflow:visible!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-mobile-actions{
position:relative!important;
z-index:25!important;
margin-top:10px!important;
margin-bottom:18px!important;
padding-bottom:2px!important;
}
html body #ttRouterApp#ttRouterApp{
position:relative!important;
z-index:1!important;
margin-top:0!important;
padding-top:18px!important;
}
html body #ttRouterApp#ttRouterApp > .ttr-ambient-layer{
opacity:.94!important;
background-position:36% 30%!important;
}
html body #ttRouterApp#ttRouterApp .ttr-intro,
html body #ttRouterApp#ttRouterApp .ttr-tabs-shell,
html body #ttRouterApp#ttRouterApp .ttr-content,
html body #ttRouterApp#ttRouterApp .ttr-media{
background:rgba(255,255,255,.42)!important;
backdrop-filter:blur(16px)!important;
-webkit-backdrop-filter:blur(16px)!important;
border-color:rgba(117,106,212,.10)!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media{
padding:11px!important;
box-shadow:0 18px 40px rgba(31,38,86,.045)!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media::before{
opacity:.86!important;
}
html body #ttRouterApp#ttRouterApp .ttr-images{
gap:10px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo,
html body #ttRouterApp#ttRouterApp .ttr-photo.main,
html body #ttRouterApp#ttRouterApp .ttr-photo.small{
background:rgba(255,255,255,.38)!important;
border-color:rgba(113,104,201,.10)!important;
box-shadow:none!important;
backdrop-filter:blur(14px)!important;
-webkit-backdrop-filter:blur(14px)!important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo img{
background:transparent!important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo figcaption{
background:rgba(255,255,255,.50)!important;
border-top:1px solid rgba(110,102,195,.08)!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-header,
html body #ttRouterApp#ttRouterApp .ttr-media-foot{
background:rgba(255,255,255,.44)!important;
backdrop-filter:blur(14px)!important;
-webkit-backdrop-filter:blur(14px)!important;
border-color:rgba(117,106,212,.09)!important;
}
html body #ttProof#ttProof .ttp-viewer,
html body #ttProof#ttProof .ttp-story,
html body #ttProof#ttProof .ttp-frame,
html body #ttProof#ttProof .ttp-viewer-head,
html body #ttProof#ttProof .ttp-annotation{
background:rgba(255,255,255,.46)!important;
border-color:rgba(117,106,212,.10)!important;
box-shadow:none!important;
backdrop-filter:blur(16px)!important;
-webkit-backdrop-filter:blur(16px)!important;
}
}
@media (max-width:390px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:16px!important;
left:44.5%!important;
width:118px!important;
height:98px!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{font-size:12.8px!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{font-size:11px!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{font-size:10.1px!important;}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp .ttr-shell,
html body #ttRouterApp#ttRouterApp .ttr-stage{
background-color:transparent!important;
background-image:none!important;
box-shadow:none!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media{
position:relative!important;
isolation:isolate!important;
overflow:hidden!important;
padding:14px!important;
background-color:rgba(255,255,255,.14)!important;
background-image:linear-gradient(transparent,transparent)!important;
background-repeat:no-repeat!important;
background-size:128% auto!important;
background-position:45% 48%!important;
border:1px solid rgba(115,104,202,.07)!important;
border-radius:28px!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media::before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
pointer-events:none!important;
background:
radial-gradient(circle at 82% 15%,rgba(255,183,185,.10),transparent 28%),
radial-gradient(circle at 15% 72%,rgba(169,157,255,.10),transparent 31%)!important;
opacity:1!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media::after{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
pointer-events:none!important;
background:linear-gradient(180deg,rgba(255,252,250,.05),rgba(255,250,247,.12))!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media > *{
position:relative!important;
z-index:1!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-header,
html body #ttRouterApp#ttRouterApp .ttr-media-foot{
background-color:rgba(255,255,255,.24)!important;
background-image:none!important;
border-color:rgba(105,96,192,.06)!important;
box-shadow:none!important;
backdrop-filter:blur(8px)!important;
-webkit-backdrop-filter:blur(8px)!important;
}
html body #ttRouterApp#ttRouterApp .ttr-images{
gap:8px!important;
background:transparent!important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo,
html body #ttRouterApp#ttRouterApp .ttr-photo.main,
html body #ttRouterApp#ttRouterApp .ttr-photo.small{
background-color:rgba(255,255,255,.10)!important;
background-image:none!important;
border-color:rgba(255,255,255,.24)!important;
box-shadow:0 8px 22px rgba(54,46,103,.035)!important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main{border-radius:20px!important;}
html body #ttRouterApp#ttRouterApp .ttr-photo.small{border-radius:17px!important;}
html body #ttRouterApp#ttRouterApp .ttr-photo figcaption{
background-color:rgba(255,255,255,.24)!important;
background-image:none!important;
border-top:1px solid rgba(255,255,255,.22)!important;
backdrop-filter:blur(7px)!important;
-webkit-backdrop-filter:blur(7px)!important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo img{
filter:none!important;
mix-blend-mode:normal!important;
opacity:1!important;
}
}
@media (max-width:767px){
html,body{background-color:#fff8f3!important;}
#ttRouterApp,
#ttProof,
#ttCenterPositioning,
#ttDedicatedExperience,
#ttTreatmentTeam,
#ttLocalAccess,
#ttFinalDecision,
#ttSecondaryAuthority{
background-color:transparent!important;
}
#ttRouterApp::after,
#ttProof::after,
#ttCenterPositioning::after,
#ttDedicatedExperience::after,
#ttTreatmentTeam::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
z-index:0;
background:rgba(255,232,218,.055);
}
#ttRouterApp > *,#ttProof > *,#ttCenterPositioning > *,#ttDedicatedExperience > *,#ttTreatmentTeam > *{
position:relative;
z-index:1;
}
#ttRouterApp{
padding-top:12px!important;
padding-bottom:26px!important;
}
#ttRouterApp .ttr-container{
width:calc(100% - 18px)!important;
gap:8px!important;
}
#ttRouterApp .ttr-intro{
padding:2px 8px 5px!important;
margin:0 0 4px!important;
min-height:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
backdrop-filter:none!important;
}
#ttRouterApp .ttr-intro h2{
margin:0!important;
line-height:1.33!important;
}
#ttRouterApp .ttr-shell{
padding:5px!important;
gap:8px!important;
min-height:0!important;
border-radius:20px!important;
background:rgba(255,250,246,.36)!important;
}
#ttRouterApp .ttr-tabs-shell{
padding:4px!important;
border-radius:16px!important;
}
#ttRouterApp .ttr-tabs{gap:4px!important;}
#ttRouterApp .ttr-tab{
min-height:44px!important;
padding:7px 5px!important;
}
#ttRouterApp .ttr-stage{
gap:8px!important;
min-height:0!important;
}
#ttRouterApp .ttr-content{
padding:12px 12px 11px!important;
min-height:0!important;
border-radius:18px!important;
}
#ttRouterApp .ttr-panel{
padding:0!important;
min-height:0!important;
}
#ttRouterApp .ttr-panel h3{
margin:0 0 5px!important;
font-size:clamp(20px,5.7vw,24px)!important;
line-height:1.45!important;
}
#ttRouterApp .ttr-lead{
margin:0 0 8px!important;
line-height:1.75!important;
}
#ttRouterApp .ttr-info{margin-top:8px!important;}
#ttRouterApp .ttr-info-title{margin-bottom:5px!important;}
#ttRouterApp .ttr-value-tags{gap:5px!important;}
#ttRouterApp .ttr-value-tags .ttr-tag{
min-height:36px!important;
padding:7px 9px!important;
}
#ttRouterApp .ttr-actions{
margin-top:8px!important;
padding-top:8px!important;
gap:6px!important;
}
#ttRouterApp .ttr-btn,
#ttRouterApp .ttr-btn-soft,
#ttRouterApp .ttr-compare-btn{min-height:44px!important;}
#ttRouterApp .ttr-media{
padding:8px!important;
border-radius:20px!important;
}
#ttRouterApp .ttr-media-header{
margin-bottom:7px!important;
min-height:0!important;
padding:8px 10px!important;
border-radius:13px!important;
}
#ttRouterApp .ttr-images{
grid-template-columns:1.08fr .92fr!important;
gap:6px!important;
}
#ttRouterApp .ttr-photo-stack{gap:6px!important;}
#ttRouterApp .ttr-photo.main,
#ttRouterApp .ttr-photo.small{
border-radius:14px!important;
overflow:hidden!important;
}
#ttRouterApp .ttr-photo.main img{
width:100%!important;
aspect-ratio:4/3!important;
height:auto!important;
object-fit:cover!important;
object-position:center 30%!important;
}
#ttRouterApp .ttr-photo.small img{
width:100%!important;
aspect-ratio:4/3!important;
height:auto!important;
object-fit:cover!important;
object-position:center 38%!important;
}
#ttRouterApp .ttr-photo figcaption{
min-height:27px!important;
padding:5px 7px!important;
font-size:9.5px!important;
background:rgba(255,248,242,.40)!important;
}
#ttRouterApp .ttr-media-foot{
margin-top:6px!important;
padding:7px 8px!important;
font-size:10px!important;
line-height:1.65!important;
}
#ttProof :is(.ttp-big-section-number,.ttp-top-meta,.ttp-progress,.ttp-state-index,.ttp-proof-micro-label,.ttp-mobile-state-rail),
#ttCenterPositioning :is(.ttcp-copy-micro,.ttcp-coordinate,.ttcp-chapter-index,.ttcp-photo-index,.ttcp-mobile-state-rail),
#ttDedicatedExperience :is(.ttde-copy-micro,.ttde-media-micro,.ttde-number,.ttde-mobile-state-rail),
#ttTreatmentTeam :is(.tttm-intro-micro,.tttm-authority-micro,.tttm-authority-code,.tttm-team-micro,.tttm-number,.tttm-doctor-code,.tttm-doctor-role-micro,.tttm-mobile-state-rail),
#ttLocalAccess :is(.ttla-intro-micro,.ttla-info-micro,.ttla-map-micro,.ttla-number,.ttla-mobile-state-rail),
#ttFinalDecision :is(.ttfd-copy-micro,.ttfd-action-micro,.ttfd-number,.ttfd-section-state,.ttfd-mobile-state-rail),
#ttSecondaryAuthority :is(.ttsa-head-micro,.ttsa-authority-micro,.ttsa-links-micro,.ttsa-number,.ttsa-mobile-state-rail){
display:none!important;
}
#ttProof{padding-top:28px!important;padding-bottom:26px!important;}
#ttCenterPositioning{padding-top:24px!important;padding-bottom:28px!important;}
#ttDedicatedExperience{padding-top:24px!important;padding-bottom:30px!important;}
#ttTreatmentTeam{padding-top:26px!important;padding-bottom:32px!important;}
#ttProof .ttp-intro,
#ttCenterPositioning .ttcp-intro,
#ttDedicatedExperience .ttde-intro,
#ttTreatmentTeam .tttm-intro{margin-bottom:12px!important;}
#ttCenterPositioning .ttcp-floating-detail{display:none!important;}
#ttCenterPositioning .ttcp-media{
padding:9px!important;
border-radius:22px!important;
background:rgba(255,249,244,.40)!important;
border-color:rgba(200,132,104,.11)!important;
}
#ttCenterPositioning .ttcp-media-top{
min-height:0!important;
padding:7px 9px!important;
margin-bottom:7px!important;
}
#ttCenterPositioning .ttcp-main-photo{
margin:0!important;
border-radius:17px!important;
overflow:hidden!important;
}
#ttCenterPositioning .ttcp-main-photo-inner{
aspect-ratio:16/9!important;
max-height:220px!important;
overflow:hidden!important;
}
#ttCenterPositioning .ttcp-main-photo-inner img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center 48%!important;
}
#ttCenterPositioning .ttcp-main-photo-foot{
min-height:0!important;
padding:7px 9px!important;
background:rgba(255,249,244,.46)!important;
}
#ttCenterPositioning .ttcp-secondary-media{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:7px!important;
margin-top:7px!important;
}
#ttCenterPositioning .ttcp-secondary-photo{
border-radius:14px!important;
overflow:hidden!important;
margin:0!important;
}
#ttCenterPositioning .ttcp-secondary-photo-inner{
aspect-ratio:4/3!important;
overflow:hidden!important;
}
#ttCenterPositioning .ttcp-secondary-photo img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
}
#ttDedicatedExperience .ttde-copy{
background-color:rgba(255,233,221,.62)!important;
border:1px solid rgba(201,109,88,.14)!important;
box-shadow:0 18px 44px rgba(133,78,63,.055)!important;
}
#ttDedicatedExperience .ttde-eyebrow{
color:#a75f4c!important;
}
#ttDedicatedExperience .ttde-copy h2{
color:#20336f!important;
}
#ttDedicatedExperience .ttde-title-accent{
color:#c96d58!important;
text-shadow:none!important;
}
#ttDedicatedExperience .ttde-title-accent::after{
content:"";
display:block;
width:42%;
height:2px;
margin:5px 0 0 auto;
border-radius:99px;
background:#c96d58;
opacity:.38;
}
#ttDedicatedExperience .ttde-focus,
#ttDedicatedExperience .ttde-step,
#ttDedicatedExperience .ttde-video-switch,
#ttDedicatedExperience .ttde-video-bottom{
background-color:rgba(255,250,246,.66)!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:11px!important;
left:37.5%!important;
right:auto!important;
width:138px!important;
height:111px!important;
opacity:.98!important;
background:rgba(255,251,247,.76)!important;
box-shadow:0 8px 22px rgba(35,31,57,.075)!important;
transform:perspective(760px) rotateX(18deg) rotateY(-5deg) rotateZ(-4deg)!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{font-size:14.5px!important;color:#171717!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{font-size:12.4px!important;color:rgba(23,23,23,.82)!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{font-size:11.2px!important;color:rgba(23,23,23,.70)!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
display:flex!important;
right:7px!important;
left:auto!important;
bottom:3px!important;
max-width:126px!important;
gap:4px!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
width:31px!important;
min-width:31px!important;
opacity:.56!important;
filter:grayscale(1) contrast(1.15)!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{
font-size:7.2px!important;
color:rgba(20,20,20,.52)!important;
}
}
@media (max-width:390px){
#ttRouterApp .ttr-container{width:calc(100% - 14px)!important;}
#ttRouterApp .ttr-panel h3{font-size:21px!important;}
#ttCenterPositioning .ttcp-main-photo-inner{max-height:205px!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
left:36%!important;
width:130px!important;
height:106px!important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{font-size:13.7px!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{font-size:11.7px!important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{font-size:10.6px!important;}
}
@media (max-width:767px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:24px !important;
left:43.5% !important;
right:auto !important;
width:138px !important;
height:118px !important;
z-index:16 !important;
background:linear-gradient(180deg,rgba(255,252,249,.82),rgba(255,248,244,.62)) !important;
border:1px solid rgba(120,109,208,.08) !important;
box-shadow:0 10px 24px rgba(44,36,79,.08) !important;
transform:perspective(760px) rotateX(17deg) rotateY(-6deg) rotateZ(-4.4deg) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy{
top:8px !important;
right:6px !important;
left:10px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line,
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy,
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{
color:rgba(18,18,18,.90) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{
font-size:12.9px !important;
line-height:1.15 !important;
margin-top:0 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{
font-size:10.5px !important;
line-height:1.32 !important;
margin-top:3px !important;
margin-right:0 !important;
opacity:.83 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
font-size:9.7px !important;
line-height:1.4 !important;
margin-top:12px !important;
margin-right:0 !important;
opacity:.92 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
right:11px !important;
bottom:8px !important;
left:auto !important;
gap:0 !important;
max-width:none !important;
justify-content:flex-end !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
width:28px !important;
min-width:28px !important;
opacity:.42 !important;
color:rgba(30,30,30,.62) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-badge,
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{
display:none !important;
}
html body #ttRouterApp#ttRouterApp{
margin-top:10px !important;
padding-top:8px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-shell{
margin-top:0 !important;
border-color:rgba(132,121,208,.10) !important;
box-shadow:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-shell::before,
html body #ttRouterApp#ttRouterApp .ttr-shell::after{
opacity:.16 !important;
}
html body #ttProof#ttProof{
background:transparent !important;
}
html body #ttProof#ttProof > .ttp-ambient-plate{
opacity:1 !important;
filter:saturate(1.04) !important;
background-position:48% 46% !important;
}
html body #ttProof#ttProof .ttp-container,
html body #ttProof#ttProof .ttp-shell{
background:transparent !important;
}
html body #ttProof#ttProof .ttp-viewer,
html body #ttProof#ttProof .ttp-story,
html body #ttProof#ttProof .ttp-viewer-head,
html body #ttProof#ttProof .ttp-annotation,
html body #ttProof#ttProof .ttp-actions,
html body #ttProof#ttProof .ttp-mobile-dock{
background:rgba(255,255,255,.34) !important;
backdrop-filter:blur(18px) saturate(1.05) !important;
-webkit-backdrop-filter:blur(18px) saturate(1.05) !important;
border-color:rgba(119,108,205,.12) !important;
box-shadow:0 12px 30px rgba(34,41,89,.05) !important;
}
html body #ttProof#ttProof .ttp-frame,
html body #ttProof#ttProof .ttp-image-mask{
background:rgba(255,255,255,.20) !important;
backdrop-filter:blur(12px) !important;
-webkit-backdrop-filter:blur(12px) !important;
border-color:rgba(119,108,205,.10) !important;
box-shadow:none !important;
}
html body #ttProof#ttProof .ttp-frame::before{
opacity:.92 !important;
}
}
@media (max-width:390px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
left:42.8% !important;
top:22px !important;
width:132px !important;
height:114px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{font-size:12.4px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{font-size:10.2px !important;}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{font-size:9.4px !important; margin-top:10px !important;}
}
@media (min-width:768px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:205px !important;
right:3.5% !important;
left:auto !important;
width:255px !important;
height:154px !important;
z-index:18 !important;
opacity:.98 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
transform:
perspective(900px)
rotateX(8deg)
rotateY(-4deg)
rotateZ(-3deg) !important;
transform-origin:88% 50% !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-lines{
inset:2px 0 4px 0 !important;
opacity:.17 !important;
background:
repeating-linear-gradient(
180deg,
transparent 0 33px,
rgba(38,38,38,.09) 33px 34px
) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy{
top:4px !important;
right:4px !important;
left:0 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line{
color:#171717 !important;
white-space:nowrap !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{
font-size:22px !important;
line-height:1.15 !important;
opacity:.96 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{
font-size:17px !important;
line-height:1.35 !important;
margin-top:7px !important;
margin-right:0 !important;
opacity:.84 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
font-size:15px !important;
line-height:1.35 !important;
margin-top:14px !important;
margin-right:0 !important;
opacity:.88 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
display:flex !important;
right:8px !important;
left:auto !important;
bottom:0 !important;
width:auto !important;
max-width:none !important;
justify-content:flex-start !important;
gap:0 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
width:47px !important;
min-width:47px !important;
opacity:.54 !important;
color:#242424 !important;
filter:grayscale(1) contrast(1.18) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-badge,
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{
display:none !important;
}
}
@media (max-width:767px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:92px !important;
left:42% !important;
right:auto !important;
width:172px !important;
height:116px !important;
z-index:18 !important;
opacity:.98 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
transform:
perspective(760px)
rotateX(9deg)
rotateY(-4deg)
rotateZ(-3.7deg) !important;
transform-origin:80% 45% !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-lines{
inset:2px -2px 3px -2px !important;
opacity:.15 !important;
background:
repeating-linear-gradient(
180deg,
transparent 0 25px,
rgba(35,35,35,.08) 25px 26px
) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy{
top:2px !important;
right:2px !important;
left:0 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line{
color:#171717 !important;
white-space:nowrap !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{
font-size:14.1px !important;
line-height:1.12 !important;
opacity:.96 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{
font-size:10.8px !important;
line-height:1.30 !important;
margin-top:5px !important;
margin-right:0 !important;
opacity:.82 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
font-size:10px !important;
line-height:1.3 !important;
margin-top:12px !important;
margin-right:0 !important;
opacity:.91 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
display:flex !important;
right:5px !important;
left:auto !important;
bottom:0 !important;
width:auto !important;
max-width:none !important;
justify-content:flex-start !important;
gap:0 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
width:34px !important;
min-width:34px !important;
opacity:.53 !important;
color:#242424 !important;
filter:grayscale(1) contrast(1.18) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-badge,
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{
display:none !important;
}
}
@media (max-width:390px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:88px !important;
left:41% !important;
width:165px !important;
height:112px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{
font-size:13.5px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{
font-size:10.4px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
font-size:9.8px !important;
margin-top:11px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
width:32px !important;
min-width:32px !important;
}
}
#ttRouterApp{
background:transparent !important;
}
#ttRouterApp > .ttr-ambient-layer{
opacity:1 !important;
filter:saturate(1.12) contrast(1.04) brightness(.985) !important;
background-size:cover !important;
background-position:50% 46% !important;
}
#ttRouterApp > .ttr-ambient-layer::before,
#ttRouterApp > .ttr-ambient-layer::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
}
#ttRouterApp > .ttr-ambient-layer::before{
background:
radial-gradient(38% 46% at 14% 18%, rgba(208,194,255,.34) 0%, rgba(208,194,255,0) 72%),
radial-gradient(34% 36% at 82% 24%, rgba(255,196,181,.28) 0%, rgba(255,196,181,0) 74%),
radial-gradient(36% 40% at 78% 78%, rgba(255,218,207,.22) 0%, rgba(255,218,207,0) 76%),
radial-gradient(28% 32% at 22% 84%, rgba(244,205,255,.18) 0%, rgba(244,205,255,0) 78%);
opacity:.95;
}
#ttRouterApp > .ttr-ambient-layer::after{
background:
linear-gradient(180deg, rgba(255,250,247,.08) 0%, rgba(255,250,247,0) 22%, rgba(255,250,247,0) 78%, rgba(255,250,247,.06) 100%);
}
#ttRouterApp .ttr-shell{
background:rgba(255,255,255,.34) !important;
backdrop-filter:blur(18px) saturate(1.04) !important;
-webkit-backdrop-filter:blur(18px) saturate(1.04) !important;
border-color:rgba(115,106,201,.12) !important;
box-shadow:0 14px 36px rgba(34, 41, 89, .05) !important;
}
#ttRouterApp .ttr-intro,
#ttRouterApp .ttr-tabs-shell,
#ttRouterApp .ttr-media,
#ttRouterApp .ttr-content,
#ttRouterApp .ttr-media-header,
#ttRouterApp .ttr-media-foot,
#ttRouterApp .ttr-actions,
#ttRouterApp .ttr-mobile-dock{
background:rgba(255,255,255,.28) !important;
backdrop-filter:blur(14px) saturate(1.03) !important;
-webkit-backdrop-filter:blur(14px) saturate(1.03) !important;
border-color:rgba(113,104,201,.11) !important;
}
#ttRouterApp .ttr-photo,
#ttRouterApp .ttr-photo figcaption,
#ttRouterApp .ttr-flow-grid,
#ttRouterApp .ttr-tags,
#ttRouterApp .ttr-flow-step,
#ttRouterApp .ttr-sheet-card,
#ttRouterApp .ttr-compare-inner,
#ttRouterApp .ttr-compare-row{
background:rgba(255,255,255,.24) !important;
border-color:rgba(113,104,201,.10) !important;
}
#ttRouterApp .ttr-media::before,
#ttRouterApp .ttr-content::before,
#ttRouterApp .ttr-content::after,
#ttRouterApp .ttr-shell::before,
#ttRouterApp .ttr-shell::after{
opacity:.60 !important;
}
@media (min-width:768px){
#ttRouterApp{
padding-top:48px !important;
padding-bottom:44px !important;
}
#ttRouterApp > .ttr-ambient-layer{
background-position:50% 44% !important;
}
#ttRouterApp .ttr-shell{
background:rgba(255,255,255,.30) !important;
}
#ttRouterApp .ttr-intro,
#ttRouterApp .ttr-tabs-shell,
#ttRouterApp .ttr-media,
#ttRouterApp .ttr-content{
background:rgba(255,255,255,.25) !important;
}
}
@media (max-width:767px){
#ttRouterApp > .ttr-ambient-layer{
background-position:44% 36% !important;
filter:saturate(1.14) contrast(1.04) brightness(.99) !important;
}
#ttRouterApp .ttr-shell{
background:rgba(255,255,255,.38) !important;
}
#ttRouterApp .ttr-intro,
#ttRouterApp .ttr-tabs-shell,
#ttRouterApp .ttr-media,
#ttRouterApp .ttr-content{
background:rgba(255,255,255,.30) !important;
}
}
#ttRouterApp .ttr-intro,
#ttRouterApp .ttr-tabs-shell,
#ttRouterApp .ttr-media,
#ttRouterApp .ttr-content,
#ttProof .ttp-intro,
#ttProof .ttp-shell,
#ttProof .ttp-viewer,
#ttProof .ttp-story,
#ttCenterPositioning .ttcp-shell,
#ttCenterPositioning .ttcp-media,
#ttCenterPositioning .ttcp-copy{
background:rgba(255,255,255,.30) !important;
border:1px solid rgba(113,104,201,.11) !important;
box-shadow:0 18px 40px rgba(32,44,90,.06) !important;
backdrop-filter:blur(18px) saturate(130%);
-webkit-backdrop-filter:blur(18px) saturate(130%);
}
#ttRouterApp .ttr-stage,
#ttProof .ttp-stage,
#ttCenterPositioning .ttcp-stage{
gap:16px !important;
align-items:start !important;
}
#ttProof .ttp-intro{
padding:20px 22px !important;
}
#ttProof .ttp-shell,
#ttCenterPositioning .ttcp-shell{
padding:14px !important;
}
#ttProof .ttp-viewer,
#ttProof .ttp-story,
#ttCenterPositioning .ttcp-media,
#ttCenterPositioning .ttcp-copy{
padding:20px !important;
}
#ttProof .ttp-story{
background:rgba(255,255,255,.34) !important;
}
#ttProof .ttp-image-stage{
min-height:340px !important;
}
#ttProof .ttp-story-panel h3{
margin-bottom:10px !important;
}
#ttProof .ttp-story-lead,
#ttProof .ttp-focus,
#ttProof .ttp-view-map,
#ttProof .ttp-actions{
margin-top:12px !important;
}
#ttCenterPositioning .ttcp-media{
overflow:hidden !important;
}
#ttCenterPositioning .ttcp-gallery-row{
position:relative;
z-index:6;
display:flex;
gap:12px;
overflow-x:auto;
padding:2px 0 4px;
scroll-snap-type:x proximity;
-webkit-overflow-scrolling:touch;
}
#ttCenterPositioning .ttcp-gallery-row::-webkit-scrollbar{
height:8px;
}
#ttCenterPositioning .ttcp-gallery-row::-webkit-scrollbar-thumb{
background:rgba(92,88,148,.26);
border-radius:999px;
}
#ttCenterPositioning .ttcp-gallery-row > figure{
flex:0 0 min(360px,82vw);
width:min(360px,82vw);
margin:0 !important;
scroll-snap-align:start;
}
#ttCenterPositioning .ttcp-gallery-row .ttcp-main-photo,
#ttCenterPositioning .ttcp-gallery-row .ttcp-secondary-photo{
display:block !important;
}
#ttCenterPositioning .ttcp-main-photo-inner,
#ttCenterPositioning .ttcp-secondary-photo-inner{
height:100%;
}
#ttCenterPositioning .ttcp-main-photo img,
#ttCenterPositioning .ttcp-secondary-photo img{
width:100% !important;
height:100% !important;
max-height:250px;
object-fit:cover !important;
border-radius:22px !important;
}
#ttCenterPositioning .ttcp-gallery-row figcaption{
padding-top:10px !important;
}
#ttCenterPositioning .ttcp-main-photo,
#ttCenterPositioning .ttcp-secondary-photo{
border-radius:26px !important;
background:rgba(255,255,255,.42) !important;
border:1px solid rgba(113,104,201,.10) !important;
box-shadow:0 10px 24px rgba(32,44,90,.045) !important;
}
#ttCenterPositioning .ttcp-secondary-media:empty{
display:none !important;
}
#ttCenterPositioning .ttcp-floating-detail{
display:none !important;
}
#ttRouterApp .ttr-route-number,
#ttRouterApp .ttr-stage-micro,
#ttRouterApp .ttr-big-section-number,
#ttRouterApp .ttr-tab-num,
#ttProof .ttp-kicker,
#ttProof .ttp-proof-micro-label,
#ttProof .ttp-big-section-number,
#ttProof .ttp-top-meta,
#ttProof .ttp-viewer-hand,
#ttProof .ttp-story-hand,
#ttProof .ttp-proof-hand-note,
#ttProof .ttp-mobile-state-rail,
#ttProof .ttp-control-num,
#ttProof .ttp-state-index,
#ttCenterPositioning .ttcp-chapter-index,
#ttCenterPositioning .ttcp-copy-micro,
#ttCenterPositioning .ttcp-media-hand,
#ttCenterPositioning .ttcp-hand-note,
#ttCenterPositioning .ttcp-hand-subnote,
#ttCenterPositioning .ttcp-bottom-note,
#ttCenterPositioning .ttcp-mobile-state-rail,
#ttCenterPositioning .ttcp-photo-index,
#ttCenterPositioning .ttcp-coordinate,
#ttCenterPositioning .ttcp-floating-label{
display:none !important;
}
@media (max-width:767px){
#ttRouterApp .ttr-stage,
#ttProof .ttp-stage,
#ttCenterPositioning .ttcp-stage{
gap:12px !important;
}
#ttProof .ttp-intro,
#ttProof .ttp-viewer,
#ttProof .ttp-story,
#ttCenterPositioning .ttcp-media,
#ttCenterPositioning .ttcp-copy{
padding:16px !important;
}
#ttCenterPositioning .ttcp-gallery-row > figure{
flex-basis:78vw;
width:78vw;
}
#ttCenterPositioning .ttcp-main-photo img,
#ttCenterPositioning .ttcp-secondary-photo img{
max-height:220px;
}
}
#ttRouterApp {
isolation:isolate !important;
}
#ttRouterApp > .ttr-ambient-layer {
opacity:1 !important;
filter:saturate(1.24) contrast(1.07) brightness(.965) !important;
background-position:50% 46% !important;
}
#ttRouterApp .ttr-shell {
position:relative !important;
overflow:visible !important;
background:rgba(255,255,255,.08) !important;
border-color:rgba(91,83,176,.13) !important;
box-shadow:0 20px 54px rgba(50,42,106,.055) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
#ttRouterApp .ttr-stage {
position:relative !important;
isolation:isolate !important;
align-items:start !important;
gap:18px !important;
}
#ttRouterApp .ttr-stage::before {
content:"";
position:absolute;
inset:-34px -42px -42px;
z-index:0;
pointer-events:none;
border-radius:48px;
background:
radial-gradient(42% 56% at 14% 24%, rgba(112,96,232,.34) 0%, rgba(112,96,232,.18) 36%, transparent 72%),
radial-gradient(38% 52% at 88% 16%, rgba(226,119,94,.34) 0%, rgba(226,119,94,.17) 38%, transparent 73%),
radial-gradient(34% 44% at 79% 88%, rgba(193,116,211,.26) 0%, rgba(193,116,211,.12) 40%, transparent 74%),
radial-gradient(31% 38% at 21% 84%, rgba(72,145,142,.19) 0%, rgba(72,145,142,.08) 42%, transparent 76%);
filter:saturate(1.12);
}
#ttRouterApp .ttr-stage > * {
position:relative !important;
z-index:1 !important;
}
#ttRouterApp .ttr-media,
#ttRouterApp .ttr-content {
align-self:start !important;
height:auto !important;
min-height:0 !important;
background:rgba(255,255,255,.16) !important;
border:1px solid rgba(255,255,255,.38) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.52),
0 18px 42px rgba(42,40,92,.055) !important;
backdrop-filter:blur(17px) saturate(125%) !important;
-webkit-backdrop-filter:blur(17px) saturate(125%) !important;
}
#ttRouterApp .ttr-content {
padding:22px 23px 20px !important;
overflow:visible !important;
}
#ttRouterApp .ttr-panel {
min-height:0 !important;
}
#ttRouterApp .ttr-panel h3 {
margin-top:0 !important;
}
#ttRouterApp .ttr-tabs-shell {
background:rgba(255,255,255,.20) !important;
border:1px solid rgba(255,255,255,.42) !important;
backdrop-filter:blur(15px) saturate(120%) !important;
-webkit-backdrop-filter:blur(15px) saturate(120%) !important;
}
#ttRouterApp .ttr-tab {
background:rgba(255,255,255,.26) !important;
}
#ttRouterApp .ttr-tab[aria-selected="true"] {
background:linear-gradient(145deg,rgba(91,91,230,.96),rgba(95,102,239,.90)) !important;
}
#ttRouterApp .ttr-media {
padding:14px !important;
}
#ttRouterApp .ttr-media-header {
min-height:0 !important;
margin:0 0 11px !important;
padding:0 2px !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
#ttRouterApp .ttr-images {
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:10px !important;
align-items:stretch !important;
}
#ttRouterApp .ttr-photo-stack {
display:contents !important;
}
#ttRouterApp .ttr-photo {
position:relative !important;
min-width:0 !important;
overflow:hidden !important;
border-radius:20px !important;
border:1px solid rgba(255,255,255,.40) !important;
background:rgba(255,255,255,.18) !important;
box-shadow:0 12px 28px rgba(34,34,78,.065) !important;
backdrop-filter:blur(7px) !important;
-webkit-backdrop-filter:blur(7px) !important;
}
#ttRouterApp .ttr-photo img,
#ttRouterApp .ttr-photo.main img,
#ttRouterApp .ttr-photo.small img {
display:block !important;
width:100% !important;
height:auto !important;
aspect-ratio:4/3 !important;
object-fit:cover !important;
object-position:center !important;
background:transparent !important;
filter:none !important;
}
#ttRouterApp .ttr-photo figcaption {
min-height:42px !important;
padding:8px 10px !important;
color:#20336f !important;
background:rgba(255,255,255,.26) !important;
border-top:1px solid rgba(255,255,255,.32) !important;
font-size:10px !important;
line-height:1.65 !important;
backdrop-filter:blur(10px) !important;
-webkit-backdrop-filter:blur(10px) !important;
}
#ttRouterApp .ttr-photo.main::before,
#ttRouterApp .ttr-photo.main::after,
#ttRouterApp .ttr-route-number,
#ttRouterApp .ttr-stage-micro,
#ttRouterApp .ttr-big-section-number,
#ttRouterApp .ttr-tab-num,
#ttRouterApp .ttr-panel-head,
#ttRouterApp .ttr-media-hand {
display:none !important;
}
#ttRouterApp .ttr-media-foot {
margin-top:10px !important;
background:rgba(255,255,255,.18) !important;
border-color:rgba(255,255,255,.34) !important;
backdrop-filter:blur(12px) saturate(120%) !important;
-webkit-backdrop-filter:blur(12px) saturate(120%) !important;
}
@media (min-width:768px) {
#ttRouterApp .ttr-stage {
grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr) !important;
}
#ttRouterApp .ttr-content {
max-width:none !important;
}
}
@media (max-width:767px) {
#ttRouterApp .ttr-stage::before {
inset:-22px -18px -28px;
background:
radial-gradient(54% 46% at 12% 20%, rgba(112,96,232,.30), transparent 72%),
radial-gradient(48% 44% at 88% 24%, rgba(226,119,94,.29), transparent 74%),
radial-gradient(46% 38% at 78% 86%, rgba(193,116,211,.22), transparent 76%);
}
#ttRouterApp .ttr-media,
#ttRouterApp .ttr-content {
background:rgba(255,255,255,.20) !important;
}
#ttRouterApp .ttr-images {
display:flex !important;
gap:9px !important;
overflow-x:auto !important;
padding:1px 1px 5px !important;
scroll-snap-type:x proximity;
scrollbar-width:none;
}
#ttRouterApp .ttr-images::-webkit-scrollbar {
display:none;
}
#ttRouterApp .ttr-photo,
#ttRouterApp .ttr-photo.main,
#ttRouterApp .ttr-photo.small {
flex:0 0 78% !important;
width:78% !important;
scroll-snap-align:start;
}
}
html body #tt-hh-final #ttHero#ttHero h1{
position:relative !important;
width:min(100%, 760px) !important;
max-width:760px !important;
margin:4px 0 19px !important;
padding:0 !important;
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif !important;
font-size:clamp(58px,4.45vw,76px) !important;
line-height:1.115 !important;
font-weight:900 !important;
letter-spacing:-1.65px !important;
color:#182750 !important;
text-align:right !important;
text-wrap:balance !important;
text-shadow:none !important;
font-feature-settings:"kern" 1 !important;
text-rendering:optimizeLegibility !important;
}
html body #tt-hh-final #ttHero#ttHero h1 .tt-title-accent{
position:relative !important;
display:block !important;
width:max-content !important;
max-width:100% !important;
margin-top:.10em !important;
padding:0 .02em .08em !important;
font-family:inherit !important;
font-size:1.055em !important;
line-height:1.07 !important;
font-weight:900 !important;
font-style:normal !important;
letter-spacing:-1.75px !important;
color:#655ee9 !important;
background:none !important;
box-shadow:none !important;
text-decoration:none !important;
}
html body #tt-hh-final #ttHero#ttHero h1 .tt-title-accent::after{
content:"" !important;
position:absolute !important;
right:1% !important;
bottom:-7px !important;
width:58% !important;
height:4px !important;
margin:0 !important;
border-radius:999px !important;
background:
linear-gradient(
90deg,
rgba(101,94,233,.90) 0%,
rgba(101,94,233,.50) 56%,
rgba(213,129,106,.38) 100%
) !important;
opacity:.74 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-kicker{
margin-bottom:12px !important;
font-family:
"Estedad",
"Vazirmatn",
Tahoma,
Arial,
sans-serif !important;
font-size:11.5px !important;
font-weight:750 !important;
letter-spacing:0 !important;
opacity:.76 !important;
}
@media (min-width:1180px){
html body #tt-hh-final #ttHero#ttHero h1{
font-size:clamp(64px,4.35vw,78px) !important;
line-height:1.10 !important;
}
html body #tt-hh-final #ttHero#ttHero h1 .tt-title-accent{
font-size:1.06em !important;
}
}
@media (min-width:768px) and (max-width:1179px){
html body #tt-hh-final #ttHero#ttHero h1{
font-size:clamp(48px,5.4vw,62px) !important;
line-height:1.14 !important;
letter-spacing:-1.25px !important;
}
html body #tt-hh-final #ttHero#ttHero h1 .tt-title-accent{
letter-spacing:-1.3px !important;
}
}
@media (max-width:767px){
html body #tt-hh-final #ttHero#ttHero h1{
width:100% !important;
max-width:none !important;
margin:13px 0 0 !important;
font-size:clamp(30px,8.2vw,35px) !important;
line-height:1.22 !important;
font-weight:900 !important;
letter-spacing:-.72px !important;
text-wrap:pretty !important;
}
html body #tt-hh-final #ttHero#ttHero h1 .tt-title-accent{
width:auto !important;
margin-top:.08em !important;
padding-bottom:.13em !important;
font-size:1.015em !important;
line-height:1.14 !important;
letter-spacing:-.76px !important;
}
html body #tt-hh-final #ttHero#ttHero h1 .tt-title-accent::after{
right:0 !important;
bottom:-4px !important;
width:62% !important;
height:3px !important;
opacity:.68 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-kicker{
font-size:10px !important;
margin-bottom:7px !important;
opacity:.70 !important;
}
}
@media (max-width:390px){
html body #tt-hh-final #ttHero#ttHero h1{
font-size:clamp(28px,7.75vw,32px) !important;
line-height:1.24 !important;
}
}
html body #ttRouterApp#ttRouterApp .ttr-images {
display:grid !important;
grid-template-columns:repeat(3, minmax(0,1fr)) !important;
gap:18px !important;
align-items:stretch !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main,
html body #ttRouterApp#ttRouterApp .ttr-photo.small {
width:100% !important;
min-width:0 !important;
height:auto !important;
margin:0 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo-stack { display:contents !important; }
html body #ttRouterApp#ttRouterApp .ttr-photo {
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
overflow:hidden !important;
border-radius:26px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo img {
display:block !important;
width:100% !important;
aspect-ratio:4 / 5 !important;
height:auto !important;
min-height:420px !important;
object-fit:cover !important;
object-position:center center !important;
border-radius:22px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo figcaption {
margin-top:10px !important;
min-height:44px !important;
text-align:center !important;
font-size:14px !important;
line-height:1.65 !important;
}
@media (max-width: 980px){
html body #ttRouterApp#ttRouterApp .ttr-images {
grid-template-columns:1fr !important;
gap:16px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo img {
min-height:unset !important;
aspect-ratio:4 / 5 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo figcaption { min-height:auto !important; }
}
html body #ttRouterApp#ttRouterApp .ttr-wrap {
align-items:stretch !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-card,
html body #ttRouterApp#ttRouterApp .ttr-copy-card {
height:100% !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-body {
display:flex !important;
flex-direction:column !important;
gap:16px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-images {
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:16px !important;
align-items:start !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main {
grid-column:1 / -1 !important;
width:100% !important;
margin:0 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo-stack {
display:contents !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.small {
width:100% !important;
margin:0 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo {
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
border-radius:24px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo img {
width:100% !important;
object-fit:cover !important;
object-position:center !important;
border-radius:20px !important;
display:block !important;
background:#f7f4f1 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main img {
aspect-ratio: 16 / 9 !important;
max-height:280px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img {
aspect-ratio: 4 / 3 !important;
max-height:205px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo figcaption {
margin-top:10px !important;
min-height:auto !important;
font-size:13px !important;
line-height:1.65 !important;
text-align:center !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-header strong {
font-size:18px !important;
line-height:1.8 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-foot {
display:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-copy-card {
display:flex !important;
flex-direction:column !important;
justify-content:space-between !important;
}
html body #ttRouterApp#ttRouterApp .ttr-copy-card .ttr-points {
margin-bottom:18px !important;
}
@media (max-width: 1200px) {
html body #ttRouterApp#ttRouterApp .ttr-photo.main img {
max-height:240px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img {
max-height:180px !important;
}
}
@media (max-width: 980px) {
html body #ttRouterApp#ttRouterApp .ttr-images {
grid-template-columns:1fr !important;
gap:14px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main,
html body #ttRouterApp#ttRouterApp .ttr-photo.small {
grid-column:auto !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main img {
aspect-ratio: 4 / 3 !important;
max-height:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img {
aspect-ratio: 4 / 3 !important;
max-height:none !important;
}
}
html body #ttRouterApp#ttRouterApp .ttr-stage{
position:relative !important;
display:grid !important;
grid-template-columns:minmax(430px,1.04fr) minmax(360px,.96fr) !important;
gap:20px !important;
padding:18px !important;
border-radius:34px !important;
border:1px solid rgba(145,153,255,.18) !important;
background:rgba(255,255,255,.42) !important;
box-shadow:0 24px 60px rgba(33,44,90,.08) !important;
backdrop-filter:blur(18px) saturate(112%) !important;
-webkit-backdrop-filter:blur(18px) saturate(112%) !important;
overflow:hidden !important;
}
html body #ttRouterApp#ttRouterApp .ttr-stage::before{
content:"" !important;
position:absolute !important;
inset:-10% auto auto -8% !important;
width:46% !important;
height:74% !important;
border-radius:50% !important;
background:radial-gradient(circle at center, rgba(159,138,255,.22), rgba(159,138,255,0) 72%) !important;
pointer-events:none !important;
z-index:0 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-stage::after{
content:"" !important;
position:absolute !important;
inset:auto -8% -14% auto !important;
width:44% !important;
height:68% !important;
border-radius:50% !important;
background:radial-gradient(circle at center, rgba(243,178,161,.24), rgba(243,178,161,0) 72%) !important;
pointer-events:none !important;
z-index:0 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media,
html body #ttRouterApp#ttRouterApp .ttr-content{
position:relative !important;
z-index:1 !important;
min-height:100% !important;
border:none !important;
box-shadow:none !important;
background:rgba(255,255,255,.28) !important;
backdrop-filter:blur(10px) !important;
-webkit-backdrop-filter:blur(10px) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media{
padding:14px !important;
border-radius:28px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content{
padding:18px 20px 18px !important;
border-radius:28px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media::before,
html body #ttRouterApp#ttRouterApp .ttr-content::before,
html body #ttRouterApp#ttRouterApp .ttr-content::after,
html body #ttRouterApp#ttRouterApp .ttr-route-number,
html body #ttRouterApp#ttRouterApp .ttr-big-section-number,
html body #ttRouterApp#ttRouterApp .ttr-stage-micro,
html body #ttRouterApp#ttRouterApp .ttr-dot-matrix{
display:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-orbit.o1{
left:-78px !important;
top:112px !important;
width:250px !important;
height:250px !important;
border-color:rgba(124,132,255,.24) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-orbit.o2{
left:-32px !important;
top:150px !important;
width:176px !important;
height:176px !important;
border-color:rgba(231,159,137,.22) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-images{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
align-items:start !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo{
overflow:hidden !important;
border:1px solid rgba(24,39,80,.08) !important;
background:rgba(255,255,255,.80) !important;
box-shadow:0 10px 20px rgba(32,44,90,.04) !important;
border-radius:20px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main{
grid-column:1 / -1 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo-stack{
display:contents !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo img{
display:block !important;
width:100% !important;
object-fit:cover !important;
object-position:center !important;
background:#f8f5f3 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main img{
aspect-ratio:16 / 10 !important;
max-height:290px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img{
aspect-ratio:4 / 3 !important;
max-height:220px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo figcaption{
min-height:auto !important;
padding:9px 10px 10px !important;
text-align:center !important;
justify-content:center !important;
background:rgba(255,255,255,.94) !important;
font-size:11px !important;
line-height:1.8 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-header{
min-height:auto !important;
margin-bottom:10px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-header strong{
font-size:14px !important;
line-height:1.9 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-foot,
html body #ttRouterApp#ttRouterApp .ttr-state-index{
display:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-panel-head{
margin-bottom:8px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-panel h3{
font-size:clamp(28px,2.2vw,38px) !important;
line-height:1.42 !important;
margin-bottom:6px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-lead{
margin-top:6px !important;
font-size:15px !important;
line-height:1.95 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-info{
margin-top:14px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-tags{
gap:8px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-tag{
background:rgba(255,255,255,.86) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-actions{
margin-top:18px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content .ttr-panel{
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
min-height:100% !important;
}
html body #ttRouterApp#ttRouterApp .ttr-corner.one,
html body #ttRouterApp#ttRouterApp .ttr-corner.two{
opacity:.5 !important;
}
@media (max-width: 1100px){
html body #ttRouterApp#ttRouterApp .ttr-stage{
grid-template-columns:1fr !important;
padding:14px !important;
gap:14px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main img{
max-height:none !important;
aspect-ratio:4 / 3 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img{
max-height:none !important;
}
}
html body #ttRouterApp#ttRouterApp .ttr-stage{
grid-template-columns:minmax(440px,1.06fr) minmax(360px,.94fr) !important;
gap:18px !important;
align-items:stretch !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media{
padding:14px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content{
padding:20px 22px 18px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-panel h3{
font-size:clamp(27px,2.08vw,35px) !important;
line-height:1.58 !important;
letter-spacing:-.35px !important;
margin:0 0 8px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-lead{
margin-top:8px !important;
font-size:15px !important;
line-height:2.1 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-info-title{
font-size:13px !important;
line-height:1.95 !important;
margin-bottom:10px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-tag{
min-height:38px !important;
padding:0 12px !important;
font-size:12px !important;
line-height:1.8 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-actions{
margin-top:20px !important;
gap:10px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-btn,
html body #ttRouterApp#ttRouterApp .ttr-btn-soft{
min-height:48px !important;
font-size:13px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-images{
gap:12px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main img{
aspect-ratio: 6 / 5 !important;
max-height:320px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img{
aspect-ratio: 4 / 3 !important;
max-height:210px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo figcaption{
line-height:1.85 !important;
padding:10px 10px 11px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo[data-v622-role="face"] img{
object-fit:cover !important;
object-position:50% 22% !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo[data-v622-role="frontsmile"] img{
object-fit:cover !important;
object-position:50% 64% !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo[data-v622-role="angle"] img{
object-fit:cover !important;
object-position:58% 42% !important;
}
html body #ttRouterApp[data-route="composite"] .ttr-panel:not([data-panel="composite"]),
html body #ttRouterApp[data-route="laminate"] .ttr-panel:not([data-panel="laminate"]),
html body #ttRouterApp[data-route="unsure"] .ttr-panel:not([data-panel="unsure"]){
display:none !important;
}
@media (max-width: 1180px){
html body #ttRouterApp#ttRouterApp .ttr-stage{
grid-template-columns:1fr !important;
}
}
@media (max-width: 680px){
html body #ttRouterApp#ttRouterApp .ttr-panel h3{
line-height:1.55 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-lead{
line-height:2.02 !important;
}
}
html body #ttRouterApp#ttRouterApp .ttr-stage{
align-items:stretch !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content{
overflow:visible !important;
}
html body #ttRouterApp#ttRouterApp .ttr-panel h3{
letter-spacing:0 !important;
line-height:1.68 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-lead{
line-height:2.08 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-info-title{line-height:1.9 !important;}
html body #ttRouterApp#ttRouterApp .ttr-tag{line-height:1.72 !important;}
html body #ttRouterApp#ttRouterApp .ttr-decision-band{
margin-top:18px !important;
padding:24px 26px !important;
border:1px solid rgba(101,94,233,.13) !important;
border-radius:24px !important;
background:rgba(255,255,255,.56) !important;
backdrop-filter:blur(16px) !important;
-webkit-backdrop-filter:blur(16px) !important;
box-shadow:0 18px 44px rgba(44,40,96,.055) !important;
}
html body #ttRouterApp[data-route="unsure"] .ttr-decision-band{
border-color:rgba(47,137,113,.24) !important;
box-shadow:0 20px 48px rgba(47,137,113,.075) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-panel[data-panel="unsure"]{
margin:0 !important;
animation:none !important;
}
@media (min-width:768px){
html body #ttRouterApp#ttRouterApp .ttr-content .ttr-panel[data-panel="composite"],
html body #ttRouterApp#ttRouterApp .ttr-content .ttr-panel[data-panel="laminate"]{
display:block !important;
padding:19px 20px 18px !important;
border:1px solid rgba(58,68,123,.09) !important;
border-radius:18px !important;
background:rgba(255,255,255,.48) !important;
box-shadow:0 8px 24px rgba(39,44,88,.035) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content{
display:grid !important;
grid-template-rows:auto auto !important;
gap:14px !important;
padding:20px 22px !important;
}
html body #ttRouterApp[data-route="composite"] .ttr-content .ttr-panel[data-panel="composite"],
html body #ttRouterApp[data-route="laminate"] .ttr-content .ttr-panel[data-panel="laminate"]{
border-color:rgba(101,94,233,.24) !important;
background:rgba(247,246,255,.78) !important;
box-shadow:0 12px 30px rgba(74,67,155,.065) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content .ttr-panel h3{
font-size:clamp(24px,1.85vw,30px) !important;
line-height:1.64 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content .ttr-lead{
font-size:14px !important;
line-height:2.05 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content .ttr-info{
margin-top:12px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content .ttr-actions{
margin-top:13px !important;
padding-top:10px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-panel[data-panel="unsure"]{
display:grid !important;
grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr) !important;
column-gap:30px !important;
row-gap:12px !important;
align-items:start !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-panel[data-panel="unsure"] > h3,
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-panel[data-panel="unsure"] > .ttr-lead{
grid-column:1 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-decision-cues{
grid-column:2 !important;
grid-row:1 / span 2 !important;
margin-top:0 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-actions,
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-desktop-compare{
grid-column:1 / -1 !important;
}
}
@media (min-width:1181px){
html body #ttRouterApp#ttRouterApp .ttr-stage{
grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
gap:18px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media,
html body #ttRouterApp#ttRouterApp .ttr-content{
min-height:650px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-images{
grid-template-columns:1fr !important;
gap:11px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo-stack{
grid-template-columns:1fr 1fr !important;
gap:11px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main img{
width:100% !important;
height:285px !important;
object-fit:cover !important;
object-position:50% 39% !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img{
width:100% !important;
height:200px !important;
object-fit:cover !important;
object-position:50% 52% !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo figcaption{
min-height:32px !important;
padding:6px 9px !important;
font-size:10px !important;
}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp .ttr-decision-band{
display:none !important;
margin-top:12px !important;
padding:16px 14px !important;
border-radius:19px !important;
}
html body #ttRouterApp[data-route="unsure"] .ttr-decision-band{
display:block !important;
}
html body #ttRouterApp[data-route="unsure"] .ttr-content{
display:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-panel[data-panel="unsure"]{
display:block !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main img{
height:250px !important;
object-fit:cover !important;
object-position:50% 38% !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img{
height:160px !important;
object-fit:cover !important;
object-position:50% 52% !important;
}
}
@media (min-width:768px){
html body #ttRouterApp#ttRouterApp .ttr-photo-stack{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:11px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content{
grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content .ttr-panel[data-panel="composite"],
html body #ttRouterApp#ttRouterApp .ttr-content .ttr-panel[data-panel="laminate"]{
display:flex !important;
flex-direction:column !important;
min-height:0 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-content .ttr-panel .ttr-actions{
margin-top:auto !important;
}
}
html body #ttRouterApp#ttRouterApp[data-route="composite"]{
--accent:#c77962 !important;
--accent-soft:#fff0e8 !important;
}
html body #ttRouterApp#ttRouterApp[data-route="laminate"]{
--accent:#6975f3 !important;
--accent-soft:#eff0ff !important;
}
html body #ttRouterApp#ttRouterApp .ttr-tab[data-route="composite"][aria-selected="true"]{
background:linear-gradient(145deg,#d48a72 0%,#b9654f 100%) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-tab[data-route="laminate"][aria-selected="true"]{
background:linear-gradient(145deg,#737cf5 0%,#5864df 100%) !important;
}
@media (min-width:768px){
html body #ttRouterApp#ttRouterApp[data-route="composite"]
.ttr-content .ttr-panel[data-panel="composite"]{
border-color:rgba(199,121,98,.26) !important;
background:rgba(255,244,239,.80) !important;
box-shadow:0 12px 30px rgba(185,101,79,.065) !important;
}
html body #ttRouterApp#ttRouterApp[data-route="laminate"]
.ttr-content .ttr-panel[data-panel="laminate"]{
border-color:rgba(105,117,243,.24) !important;
background:rgba(247,246,255,.80) !important;
box-shadow:0 12px 30px rgba(74,67,155,.065) !important;
}
}
html body #ttProof#ttProof{
margin-top:6px !important;
padding-top:24px !important;
padding-bottom:68px !important;
background:transparent !important;
}
html body #ttProof#ttProof > .ttp-ambient-layer{
opacity:1 !important;
filter:saturate(1.28) contrast(1.055) brightness(.985) !important;
background-position:50% 46% !important;
}
html body #ttProof#ttProof .ttp-container{
position:relative !important;
isolation:isolate !important;
width:min(1320px,calc(100% - 32px)) !important;
margin-inline:auto !important;
padding:18px !important;
border:1px solid rgba(105,117,243,.11) !important;
border-radius:38px !important;
background:rgba(255,255,255,.055) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.40),
0 22px 58px rgba(44,40,96,.045) !important;
}
html body #ttProof#ttProof .ttp-container::before{
content:"" !important;
position:absolute !important;
inset:-34px -34px -38px !important;
z-index:0 !important;
pointer-events:none !important;
border-radius:52px !important;
background:
radial-gradient(42% 48% at 10% 13%,rgba(105,117,243,.24),rgba(105,117,243,.10) 42%,transparent 76%),
radial-gradient(38% 45% at 91% 15%,rgba(213,129,106,.22),rgba(213,129,106,.09) 43%,transparent 76%),
radial-gradient(40% 44% at 82% 91%,rgba(79,143,126,.18),rgba(79,143,126,.07) 44%,transparent 78%) !important;
filter:saturate(1.08) !important;
}
html body #ttProof#ttProof .ttp-container > *{
position:relative !important;
z-index:1 !important;
}
html body #ttProof#ttProof .ttp-intro{
width:100% !important;
max-width:none !important;
min-height:0 !important;
height:auto !important;
margin:0 0 14px !important;
padding:18px 24px 17px !important;
border:1px solid rgba(255,255,255,.44) !important;
border-radius:25px !important;
background:rgba(255,255,255,.27) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.58),
0 12px 30px rgba(43,42,92,.045) !important;
backdrop-filter:blur(15px) saturate(120%) !important;
-webkit-backdrop-filter:blur(15px) saturate(120%) !important;
text-align:center !important;
}
html body #ttProof#ttProof .ttp-intro h2{
margin:0 !important;
font-size:clamp(32px,2.55vw,42px) !important;
line-height:1.42 !important;
}
html body #ttProof#ttProof .ttp-intro-text{
max-width:760px !important;
margin:7px auto 0 !important;
font-size:14px !important;
line-height:1.95 !important;
}
html body #ttProof#ttProof .ttp-shell{
padding:0 !important;
overflow:visible !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
html body #ttProof#ttProof .ttp-shell::before,
html body #ttProof#ttProof .ttp-shell::after{
display:none !important;
}
html body #ttProof#ttProof .ttp-topbar{
min-height:38px !important;
margin:0 2px 10px !important;
padding:6px 12px !important;
border:1px solid rgba(255,255,255,.40) !important;
border-radius:15px !important;
background:rgba(255,255,255,.22) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.52) !important;
backdrop-filter:blur(13px) saturate(118%) !important;
-webkit-backdrop-filter:blur(13px) saturate(118%) !important;
}
html body #ttProof#ttProof .ttp-stage{
grid-template-columns:minmax(500px,1.03fr) minmax(410px,.97fr) !important;
gap:16px !important;
align-items:stretch !important;
}
html body #ttProof#ttProof .ttp-viewer,
html body #ttProof#ttProof .ttp-story{
height:650px !important;
min-height:650px !important;
align-self:stretch !important;
border:1px solid rgba(255,255,255,.42) !important;
border-radius:27px !important;
background:rgba(255,255,255,.24) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.56),
0 16px 36px rgba(40,39,86,.05) !important;
backdrop-filter:blur(16px) saturate(122%) !important;
-webkit-backdrop-filter:blur(16px) saturate(122%) !important;
}
html body #ttProof#ttProof .ttp-viewer{
display:flex !important;
flex-direction:column !important;
padding:16px !important;
}
html body #ttProof#ttProof .ttp-story{
display:flex !important;
flex-direction:column !important;
padding:22px 23px !important;
}
html body #ttProof#ttProof .ttp-frame{
flex:0 0 auto !important;
}
html body #ttProof#ttProof .ttp-image-stage{
min-height:0 !important;
height:440px !important;
}
html body #ttProof#ttProof .ttp-proof-img{
width:100% !important;
height:440px !important;
max-height:440px !important;
object-fit:contain !important;
object-position:center !important;
}
html body #ttProof#ttProof .ttp-story-panel:not([hidden]){
display:flex !important;
flex-direction:column !important;
height:100% !important;
min-height:0 !important;
}
html body #ttProof#ttProof .ttp-story-panel .ttp-actions{
margin-top:auto !important;
}
html body #ttProof#ttProof .ttp-story-panel h3{
margin:0 0 10px !important;
font-size:clamp(26px,1.8vw,31px) !important;
line-height:1.62 !important;
letter-spacing:0 !important;
text-wrap:balance !important;
}
html body #ttProof#ttProof .ttp-story-lead{
margin-top:0 !important;
line-height:2.02 !important;
}
html body #ttProof#ttProof .ttp-focus,
html body #ttProof#ttProof .ttp-view-map{
margin-top:14px !important;
}
@media (max-width:1120px){
html body #ttProof#ttProof .ttp-stage{
grid-template-columns:1fr !important;
}
html body #ttProof#ttProof .ttp-viewer,
html body #ttProof#ttProof .ttp-story{
height:auto !important;
min-height:0 !important;
}
html body #ttProof#ttProof .ttp-image-stage,
html body #ttProof#ttProof .ttp-proof-img{
height:auto !important;
min-height:360px !important;
max-height:520px !important;
}
}
@media (max-width:767px){
html body #ttProof#ttProof{
margin-top:0 !important;
padding-top:16px !important;
padding-bottom:54px !important;
}
html body #ttProof#ttProof > .ttp-ambient-layer{
filter:saturate(1.22) contrast(1.04) brightness(.99) !important;
background-position:48% 40% !important;
}
html body #ttProof#ttProof .ttp-container{
width:calc(100% - 12px) !important;
padding:8px !important;
border-radius:26px !important;
}
html body #ttProof#ttProof .ttp-container::before{
inset:-14px -8px -18px !important;
border-radius:30px !important;
}
html body #ttProof#ttProof .ttp-intro{
margin-bottom:9px !important;
padding:14px 14px 13px !important;
border-radius:19px !important;
text-align:right !important;
}
html body #ttProof#ttProof .ttp-intro h2{
font-size:clamp(25px,7.2vw,31px) !important;
line-height:1.44 !important;
}
html body #ttProof#ttProof .ttp-intro-text{
margin:5px 0 0 !important;
font-size:13px !important;
line-height:1.95 !important;
}
html body #ttProof#ttProof .ttp-topbar{
display:none !important;
}
html body #ttProof#ttProof .ttp-stage{
display:flex !important;
flex-direction:column !important;
gap:9px !important;
}
html body #ttProof#ttProof .ttp-viewer,
html body #ttProof#ttProof .ttp-story{
height:auto !important;
min-height:0 !important;
padding:13px !important;
border-radius:20px !important;
}
html body #ttProof#ttProof .ttp-image-stage,
html body #ttProof#ttProof .ttp-proof-img{
min-height:0 !important;
height:auto !important;
max-height:none !important;
}
}
html body #ttProof#ttProof{
position:relative !important;
isolation:isolate !important;
}
html body #ttProof#ttProof::before{
content:"" !important;
position:absolute !important;
z-index:0 !important;
top:-54px !important;
left:0 !important;
right:0 !important;
height:150px !important;
pointer-events:none !important;
background:
radial-gradient(34% 100% at 18% 18%,rgba(105,117,243,.16),transparent 72%),
radial-gradient(32% 100% at 84% 14%,rgba(213,129,106,.15),transparent 72%),
linear-gradient(180deg,rgba(255,250,247,0),rgba(248,246,255,.24) 52%,transparent 100%) !important;
}
html body #ttProof#ttProof .ttp-chapter-cue{
width:max-content !important;
max-width:100% !important;
margin:0 auto 10px !important;
padding:6px 12px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
border:1px solid rgba(105,117,243,.13) !important;
border-radius:999px !important;
color:rgba(32,51,111,.76) !important;
background:rgba(255,255,255,.40) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 7px 18px rgba(57,50,116,.035) !important;
backdrop-filter:blur(12px) saturate(120%) !important;
-webkit-backdrop-filter:blur(12px) saturate(120%) !important;
font-size:11px !important;
line-height:1.7 !important;
font-weight:760 !important;
}
html body #ttProof#ttProof .ttp-chapter-cue::before{
content:"" !important;
width:28px !important;
height:2px !important;
border-radius:999px !important;
background:linear-gradient(90deg,#6975f3,#d5816a) !important;
opacity:.74 !important;
}
html body #ttProof#ttProof .ttp-chapter-cue::after{
content:"" !important;
width:6px !important;
height:6px !important;
border-radius:50% !important;
background:#4f8f7e !important;
box-shadow:0 0 0 4px rgba(79,143,126,.09) !important;
}
html body #ttProof#ttProof .ttp-container{
transition:border-color .35s ease,box-shadow .35s ease !important;
}
html body #ttProof#ttProof[data-view="face"] .ttp-container{
border-color:rgba(79,143,126,.16) !important;
}
html body #ttProof#ttProof[data-view="smile"] .ttp-container{
border-color:rgba(105,117,243,.18) !important;
}
html body #ttProof#ttProof[data-view="detail"] .ttp-container{
border-color:rgba(213,129,106,.19) !important;
}
html body #ttProof#ttProof .ttp-intro{
overflow:hidden !important;
}
html body #ttProof#ttProof .ttp-intro::before{
content:"" !important;
position:absolute !important;
top:0 !important;
right:9% !important;
left:9% !important;
height:3px !important;
border-radius:0 0 999px 999px !important;
background:linear-gradient(90deg,rgba(105,117,243,.16),rgba(105,117,243,.82),rgba(213,129,106,.76),rgba(79,143,126,.14)) !important;
}
html body #ttProof#ttProof .ttp-intro h2::after{
content:"" !important;
display:block !important;
width:62px !important;
height:3px !important;
margin:8px auto 0 !important;
border-radius:999px !important;
background:linear-gradient(90deg,#6975f3,#d5816a) !important;
opacity:.56 !important;
}
html body #ttProof#ttProof .ttp-topbar{
position:relative !important;
overflow:hidden !important;
}
html body #ttProof#ttProof .ttp-topbar::after{
content:"" !important;
position:absolute !important;
right:0 !important;
bottom:0 !important;
height:2px !important;
width:var(--tt-proof-progress,33.333%) !important;
border-radius:999px !important;
background:var(--accent) !important;
opacity:.62 !important;
transition:width .38s cubic-bezier(.2,.7,.2,1),background-color .3s ease !important;
}
html body #ttProof#ttProof[data-view="face"]{--tt-proof-progress:33.333%;}
html body #ttProof#ttProof[data-view="smile"]{--tt-proof-progress:66.666%;}
html body #ttProof#ttProof[data-view="detail"]{--tt-proof-progress:100%;}
html body #ttProof#ttProof .ttp-control,
html body #ttProof#ttProof .ttp-map-item,
html body #ttProof#ttProof .ttp-next{
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease !important;
}
@media (hover:hover){
html body #ttProof#ttProof .ttp-control:hover,
html body #ttProof#ttProof .ttp-map-item:hover{
transform:translateY(-1px) !important;
box-shadow:0 8px 18px rgba(44,42,88,.05) !important;
}
}
html body #ttProof#ttProof.tt-v626-ready .ttp-chapter-cue,
html body #ttProof#ttProof.tt-v626-ready .ttp-intro,
html body #ttProof#ttProof.tt-v626-ready .ttp-topbar,
html body #ttProof#ttProof.tt-v626-ready .ttp-viewer,
html body #ttProof#ttProof.tt-v626-ready .ttp-story{
opacity:0 !important;
transform:translateY(10px) !important;
}
html body #ttProof#ttProof.tt-v626-seen .ttp-chapter-cue,
html body #ttProof#ttProof.tt-v626-seen .ttp-intro,
html body #ttProof#ttProof.tt-v626-seen .ttp-topbar,
html body #ttProof#ttProof.tt-v626-seen .ttp-viewer,
html body #ttProof#ttProof.tt-v626-seen .ttp-story{
opacity:1 !important;
transform:none !important;
}
html body #ttProof#ttProof .ttp-chapter-cue{transition:opacity .38s ease,transform .44s cubic-bezier(.2,.7,.2,1) !important;}
html body #ttProof#ttProof .ttp-intro{transition:opacity .42s .04s ease,transform .48s .04s cubic-bezier(.2,.7,.2,1) !important;}
html body #ttProof#ttProof .ttp-topbar{transition:opacity .42s .10s ease,transform .48s .10s cubic-bezier(.2,.7,.2,1) !important;}
html body #ttProof#ttProof .ttp-viewer{transition:opacity .46s .16s ease,transform .52s .16s cubic-bezier(.2,.7,.2,1) !important;}
html body #ttProof#ttProof .ttp-story{transition:opacity .46s .22s ease,transform .52s .22s cubic-bezier(.2,.7,.2,1) !important;}
@media (max-width:767px){
html body #ttProof#ttProof .ttp-chapter-cue{
justify-content:flex-start !important;
margin:0 0 8px !important;
padding:5px 9px !important;
font-size:10px !important;
}
html body #ttProof#ttProof .ttp-intro h2::after{
width:46px !important;
height:2px !important;
margin:7px 0 0 auto !important;
}
}
@media (prefers-reduced-motion:reduce){
html body #ttProof#ttProof *,
html body #ttProof#ttProof *::before,
html body #ttProof#ttProof *::after{
transition:none !important;
animation:none !important;
}
html body #ttProof#ttProof.tt-v626-ready .ttp-chapter-cue,
html body #ttProof#ttProof.tt-v626-ready .ttp-intro,
html body #ttProof#ttProof.tt-v626-ready .ttp-topbar,
html body #ttProof#ttProof.tt-v626-ready .ttp-viewer,
html body #ttProof#ttProof.tt-v626-ready .ttp-story{
opacity:1 !important;
transform:none !important;
}
}
html body #ttProof#ttProof .ttp-insight-block{
margin-top:16px !important;
padding:15px !important;
display:flex !important;
flex:1 1 auto !important;
min-height:252px !important;
max-height:280px !important;
flex-direction:column !important;
justify-content:space-between !important;
gap:13px !important;
border:1px solid color-mix(in srgb,var(--accent) 15%,rgba(24,39,80,.08)) !important;
border-radius:20px !important;
background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(255,255,255,.40)),var(--accent-soft) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 10px 26px rgba(35,39,84,.035) !important;
overflow:hidden !important;
}
html body #ttProof#ttProof .ttp-insight-block>.ttp-focus{
margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;
background:transparent !important;box-shadow:none !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-title{
margin:0 0 11px !important;padding:0 2px !important;min-height:28px !important;
font-size:12.5px !important;line-height:1.8 !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-items{
display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 !important;
overflow:hidden !important;padding:0 !important;border:1px solid rgba(24,39,80,.07) !important;
border-radius:14px !important;background:rgba(255,255,255,.46) !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item{
min-width:0 !important;min-height:76px !important;padding:11px 10px !important;
display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
text-align:center !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item+.ttp-focus-item{
border-right:1px solid rgba(24,39,80,.065) !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item strong{font-size:11.5px !important;line-height:1.75 !important;}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item small{margin-top:3px !important;font-size:9.5px !important;line-height:1.65 !important;}
html body #ttProof#ttProof .ttp-insight-block>.ttp-view-map{
position:relative !important;margin:0 !important;padding:12px 0 0 !important;
display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;
border-top:1px solid rgba(24,39,80,.075) !important;
}
html body #ttProof#ttProof .ttp-insight-block>.ttp-view-map::before{
content:"سه زاویه‌ی همین نتیجه" !important;position:absolute !important;top:-10px !important;right:0 !important;
padding-left:8px !important;color:rgba(32,51,111,.48) !important;
background:linear-gradient(90deg,transparent,var(--accent-soft) 22%,var(--accent-soft)) !important;
font-size:8.5px !important;line-height:1 !important;font-weight:750 !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item{
min-height:56px !important;padding:7px 8px !important;border:1px solid transparent !important;
border-radius:11px !important;background:rgba(255,255,255,.32) !important;box-shadow:none !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item.active{
border-color:color-mix(in srgb,var(--accent) 22%,transparent) !important;
background:rgba(255,255,255,.72) !important;
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 7%,transparent),0 5px 13px rgba(34,37,80,.035) !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-num{opacity:.55 !important;}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item strong{font-size:10.5px !important;line-height:1.5 !important;}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item small{font-size:8.5px !important;line-height:1.45 !important;}
html body #ttProof#ttProof .ttp-story-panel .ttp-actions{
margin-top:15px !important;padding-top:0 !important;flex:0 0 auto !important;
}
@media (max-width:1120px){
html body #ttProof#ttProof .ttp-insight-block{flex:none !important;min-height:0 !important;max-height:none !important;}
}
@media (max-width:767px){
html body #ttProof#ttProof .ttp-insight-block{margin-top:12px !important;padding:11px !important;gap:10px !important;border-radius:16px !important;}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-title{margin-bottom:8px !important;min-height:0 !important;font-size:11px !important;}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-items{grid-template-columns:1fr !important;border-radius:12px !important;}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item{
min-height:0 !important;padding:8px 10px !important;align-items:flex-start !important;text-align:right !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item+.ttp-focus-item{
border-right:0 !important;border-top:1px solid rgba(24,39,80,.06) !important;
}
html body #ttProof#ttProof .ttp-insight-block>.ttp-view-map{gap:4px !important;padding-top:10px !important;}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item{min-height:50px !important;padding:6px 4px !important;}
html body #ttProof#ttProof .ttp-story-panel .ttp-actions{margin-top:11px !important;}
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-actions{
position:relative !important;
z-index:6 !important;
isolation:isolate !important;
opacity:1 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-actions::before{
color:rgba(24,39,80,.62) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-compare-btn,
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-consult{
position:relative !important;
z-index:2 !important;
opacity:1 !important;
visibility:visible !important;
filter:none !important;
-webkit-filter:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-compare-btn{
color:#21345f !important;
background:#ffffff !important;
border:1px solid rgba(38,55,99,.24) !important;
box-shadow:0 8px 20px rgba(31,45,80,.085) !important;
}
html body #ttRouterApp#ttRouterApp[data-route="composite"] .ttr-decision-band .ttr-consult{
color:#fff !important;
background:linear-gradient(135deg,#cf8067 0%,#aa5744 100%) !important;
border-color:#ac5b48 !important;
box-shadow:0 11px 25px rgba(172,91,72,.25) !important;
}
html body #ttRouterApp#ttRouterApp[data-route="laminate"] .ttr-decision-band .ttr-consult{
color:#fff !important;
background:linear-gradient(135deg,#7680f5 0%,#5661d8 100%) !important;
border-color:#5864df !important;
box-shadow:0 11px 25px rgba(88,100,223,.23) !important;
}
html body #ttRouterApp#ttRouterApp[data-route="unsure"] .ttr-decision-band .ttr-consult{
color:#fff !important;
background:linear-gradient(135deg,#3d9a80 0%,#26715f 100%) !important;
border-color:#287763 !important;
box-shadow:0 11px 25px rgba(40,119,99,.22) !important;
}
@media (hover:hover){
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-compare-btn:hover{
transform:translateY(-1px) !important;
border-color:rgba(105,117,243,.44) !important;
box-shadow:0 11px 24px rgba(31,45,80,.11) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-consult:hover{
transform:translateY(-1px) !important;
box-shadow:0 14px 30px rgba(31,45,80,.18) !important;
}
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band{
background:rgba(255,255,255,.90) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
border-color:rgba(101,94,233,.14) !important;
box-shadow:0 16px 38px rgba(44,40,96,.05) !important;
}
html body #ttRouterApp#ttRouterApp[data-route="unsure"] .ttr-decision-band{
border-color:rgba(47,137,113,.20) !important;
box-shadow:0 16px 38px rgba(47,137,113,.055) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-actions{
background:transparent !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
border-color:transparent !important;
box-shadow:none !important;
opacity:1 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-actions::before{
background:transparent !important;
color:rgba(24,39,80,.66) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-compare-btn,
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-consult{
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-compare-btn{
background:#fff !important;
color:#21345f !important;
border-color:rgba(38,55,99,.24) !important;
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp .ttr-decision-band{
background:rgba(255,255,255,.94) !important;
}
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
box-shadow:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band::before,
html body #ttRouterApp#ttRouterApp .ttr-decision-band::after{
content:none !important;
display:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-actions{
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
border-color:transparent !important;
box-shadow:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-compare-btn{
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
color:#1f315a !important;
background:#ffffff !important;
background-image:none !important;
border:1px solid rgba(31,49,90,.28) !important;
box-shadow:0 5px 14px rgba(31,49,90,.08) !important;
}
html body #ttRouterApp#ttRouterApp[data-route="composite"] .ttr-decision-band .ttr-consult{
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
color:#fff !important;
background:#b95d47 !important;
background-image:none !important;
border-color:#a9503d !important;
box-shadow:0 7px 16px rgba(169,80,61,.18) !important;
}
html body #ttRouterApp#ttRouterApp[data-route="laminate"] .ttr-decision-band .ttr-consult{
color:#fff !important;
background:#5864df !important;
background-image:none !important;
border-color:#4d58ca !important;
box-shadow:0 7px 16px rgba(77,88,202,.17) !important;
}
html body #ttRouterApp#ttRouterApp[data-route="unsure"] .ttr-decision-band .ttr-consult{
color:#fff !important;
background:#287763 !important;
background-image:none !important;
border-color:#226552 !important;
box-shadow:0 7px 16px rgba(34,101,82,.17) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-decision-cue{
background:rgba(255,255,255,.96) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
html body #ttRouterApp#ttRouterApp{
position:relative !important;
z-index:3 !important;
isolation:isolate !important;
}
html body #ttProof#ttProof{
position:relative !important;
z-index:1 !important;
isolation:isolate !important;
}
html body #ttProof#ttProof > .ttp-ambient-layer,
html body #ttProof#ttProof > .ttp-ambient-plate{
z-index:0 !important;
pointer-events:none !important;
}
html body #ttProof#ttProof > .ttp-container,
html body #ttProof#ttProof > .ttp-shell{
position:relative !important;
z-index:1 !important;
}
html body #ttRouterApp#ttRouterApp{
--decision-rgb:199,121,98;
--decision-solid:#c77962;
}
html body #ttRouterApp#ttRouterApp[data-route="laminate"]{
--decision-rgb:105,117,243;
--decision-solid:#6975f3;
}
html body #ttRouterApp#ttRouterApp[data-route="unsure"]{
--decision-rgb:47,137,114;
--decision-solid:#2f8972;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band{
position:relative !important;
background:
radial-gradient(44% 88% at 94% 10%,rgba(var(--decision-rgb),.075),transparent 76%),
linear-gradient(135deg,rgba(var(--decision-rgb),.045),rgba(255,255,255,.14) 46%,rgba(var(--decision-rgb),.018) 100%) !important;
border-color:rgba(var(--decision-rgb),.18) !important;
box-shadow:
inset 0 3px 0 rgba(var(--decision-rgb),.62),
0 10px 28px rgba(31,45,80,.035) !important;
transition:background .28s ease,border-color .28s ease,box-shadow .28s ease !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-panel[data-panel="unsure"] > h3{
position:relative !important;
color:#182750 !important;
text-shadow:0 1px 0 rgba(255,255,255,.48) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-panel[data-panel="unsure"] > h3::after{
content:"" !important;
position:absolute !important;
right:0 !important;
bottom:-5px !important;
width:58px !important;
height:3px !important;
border-radius:999px !important;
background:linear-gradient(90deg,var(--decision-solid),rgba(var(--decision-rgb),.18)) !important;
opacity:.82 !important;
pointer-events:none !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-decision-cue{
border-color:rgba(var(--decision-rgb),.16) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-truth-line{
border-right-color:rgba(var(--decision-rgb),.55) !important;
}
@media (prefers-reduced-motion:reduce){
html body #ttRouterApp#ttRouterApp .ttr-decision-band{transition:none !important;}
}
html body #ttRouterApp#ttRouterApp{
--decision-rgb:86,100,223 !important;
--decision-solid:#5864df !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band{
background:
radial-gradient(44% 88% at 94% 10%,rgba(86,100,223,.085),transparent 76%),
linear-gradient(135deg,rgba(86,100,223,.050),rgba(255,255,255,.14) 46%,rgba(86,100,223,.020) 100%) !important;
border-color:rgba(86,100,223,.19) !important;
box-shadow:
inset 0 3px 0 rgba(86,100,223,.68),
0 10px 28px rgba(31,45,80,.035) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-consult{
color:#fff !important;
background:#5864df !important;
background-image:none !important;
border-color:#4d58ca !important;
box-shadow:0 8px 18px rgba(77,88,202,.19) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-panel[data-panel="unsure"] > h3::after{
background:linear-gradient(90deg,#5864df,rgba(86,100,223,.18)) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-decision-cue{
border-color:rgba(86,100,223,.17) !important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-truth-line{
border-right-color:rgba(86,100,223,.58) !important;
}
@media (hover:hover){
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-consult:hover{
background:#4f5bd4 !important;
border-color:#4651c3 !important;
box-shadow:0 11px 24px rgba(70,81,195,.22) !important;
}
}
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-consult{
color:#fff !important;
background:#5864df !important;
background-image:none !important;
border-color:#4d58ca !important;
box-shadow:0 8px 18px rgba(77,88,202,.19) !important;
}
@media (hover:hover){
html body #ttRouterApp#ttRouterApp .ttr-decision-band .ttr-consult:hover{
background:#4f5bd4 !important;
border-color:#4651c3 !important;
box-shadow:0 11px 24px rgba(70,81,195,.22) !important;
}
}
html body #ttRouterApp#ttRouterApp[data-route] .ttr-decision-band .ttr-consult{
color:#fff !important;
background:var(--decision-solid) !important;
background-color:var(--decision-solid) !important;
background-image:none !important;
border-color:var(--decision-solid) !important;
box-shadow:0 8px 18px rgba(var(--decision-rgb),.20) !important;
}
@media (hover:hover){
html body #ttRouterApp#ttRouterApp[data-route] .ttr-decision-band .ttr-consult:hover{
background:var(--decision-solid) !important;
background-color:var(--decision-solid) !important;
border-color:var(--decision-solid) !important;
box-shadow:0 11px 24px rgba(var(--decision-rgb),.24) !important;
}
}
html body #ttProof#ttProof > .ttp-ambient-layer,
html body #ttProof#ttProof > .ttp-ambient-plate{
opacity:1 !important;
filter:saturate(1.24) contrast(1.045) brightness(.995) !important;
}
html body #ttProof#ttProof .ttp-container{
position:relative !important;
overflow:visible !important;
background:rgba(255,255,255,.035) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
html body #ttProof#ttProof .ttp-container::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:0 !important;
pointer-events:none !important;
border-radius:inherit !important;
background:
linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.045) 44%,rgba(255,255,255,.075) 100%) !important;
border:1px solid rgba(255,255,255,.22) !important;
}
html body #ttProof#ttProof .ttp-container > *{
position:relative !important;
z-index:1 !important;
}
html body #ttProof#ttProof .ttp-chapter-cue,
html body #ttProof#ttProof .ttp-intro,
html body #ttProof#ttProof .ttp-topbar,
html body #ttProof#ttProof .ttp-viewer,
html body #ttProof#ttProof .ttp-story,
html body #ttProof#ttProof .ttp-viewer-head,
html body #ttProof#ttProof .ttp-annotation,
html body #ttProof#ttProof .ttp-actions,
html body #ttProof#ttProof .ttp-mobile-dock{
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
html body #ttProof#ttProof .ttp-intro{
background:
linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.13) 58%,rgba(255,255,255,.20)) !important;
border-color:rgba(255,255,255,.36) !important;
}
html body #ttProof#ttProof .ttp-topbar{
background:rgba(255,255,255,.16) !important;
border-color:rgba(255,255,255,.30) !important;
}
html body #ttProof#ttProof .ttp-viewer,
html body #ttProof#ttProof .ttp-story{
background:
linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.09) 55%,rgba(255,255,255,.15)) !important;
border-color:rgba(255,255,255,.33) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.44),
0 14px 34px rgba(40,39,86,.042) !important;
}
html body #ttProof#ttProof .ttp-viewer-head,
html body #ttProof#ttProof .ttp-annotation,
html body #ttProof#ttProof .ttp-actions,
html body #ttProof#ttProof .ttp-mobile-dock{
background:rgba(255,255,255,.13) !important;
border-color:rgba(119,108,205,.10) !important;
box-shadow:none !important;
}
html body #ttProof#ttProof .ttp-frame,
html body #ttProof#ttProof .ttp-image-mask{
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
background:rgba(255,255,255,.10) !important;
border-color:rgba(119,108,205,.10) !important;
}
html body #ttProof#ttProof .ttp-chapter-cue{
background:rgba(255,255,255,.24) !important;
border-color:rgba(105,117,243,.14) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 16px rgba(57,50,116,.03) !important;
}
@media (max-width:767px){
html body #ttProof#ttProof .ttp-container::after{
background:
linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.055) 48%,rgba(255,255,255,.08)) !important;
}
html body #ttProof#ttProof .ttp-viewer,
html body #ttProof#ttProof .ttp-story{
background:rgba(255,255,255,.16) !important;
}
}
html body #ttRouterApp#ttRouterApp > .ttr-ambient-layer{
bottom:0 !important;
transform:translateX(-2%) scale(1) !important;
transform-origin:center center !important;
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp > .ttr-ambient-layer{
bottom:0 !important;
transform:none !important;
}
}
html body #ttProof#ttProof{
--tt-fn-accent:var(--accent);
--tt-fn-soft:color-mix(in srgb,var(--accent) 10%,#fffdf9);
--tt-fn-track:rgba(255,255,255,.42);
--tt-fn-active:#fffefa;
--tt-fn-ink:#182750;
}
html body #ttProof#ttProof .ttp-controls{
padding:4px !important;
gap:3px !important;
border:1px solid rgba(24,39,80,.075) !important;
border-radius:17px !important;
background:rgba(255,255,255,.36) !important;
box-shadow:
inset 0 1px 2px rgba(24,39,80,.035),
inset 0 1px 0 rgba(255,255,255,.62) !important;
}
html body #ttProof#ttProof .ttp-control{
min-height:50px !important;
color:rgba(24,39,80,.58) !important;
background:transparent !important;
border:1px solid transparent !important;
border-radius:13px !important;
box-shadow:none !important;
font-weight:760 !important;
}
html body #ttProof#ttProof .ttp-control-icon{
width:27px !important;
height:27px !important;
color:rgba(24,39,80,.42) !important;
border-color:transparent !important;
background:rgba(255,255,255,.28) !important;
box-shadow:none !important;
}
html body #ttProof#ttProof .ttp-control-num{
color:rgba(24,39,80,.20) !important;
}
html body #ttProof#ttProof .ttp-control[aria-selected="true"]{
color:var(--tt-fn-ink) !important;
background:var(--tt-fn-active) !important;
border-color:rgba(24,39,80,.075) !important;
box-shadow:
0 1px 2px rgba(24,39,80,.06),
0 5px 14px rgba(24,39,80,.075),
inset 0 1px 0 rgba(255,255,255,.92) !important;
}
html body #ttProof#ttProof .ttp-control[aria-selected="true"] .ttp-control-icon{
color:var(--tt-fn-accent) !important;
background:var(--tt-fn-soft) !important;
border-color:color-mix(in srgb,var(--accent) 17%,transparent) !important;
}
html body #ttProof#ttProof .ttp-control[aria-selected="true"] .ttp-control-num{
color:color-mix(in srgb,var(--accent) 52%,rgba(24,39,80,.30)) !important;
}
html body #ttProof#ttProof .ttp-insight-block>.ttp-view-map{
gap:3px !important;
padding:14px 4px 4px !important;
border-top:1px solid rgba(24,39,80,.07) !important;
border-radius:15px !important;
background:rgba(255,255,255,.20) !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item{
position:relative !important;
min-height:58px !important;
padding:8px 9px !important;
color:rgba(24,39,80,.58) !important;
border:1px solid transparent !important;
border-radius:11px !important;
background:transparent !important;
box-shadow:none !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item .ttp-map-num{
color:rgba(24,39,80,.27) !important;
opacity:1 !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item strong{
color:rgba(24,39,80,.70) !important;
font-weight:780 !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item small{
color:rgba(24,39,80,.40) !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item.active{
color:var(--tt-fn-ink) !important;
border-color:rgba(24,39,80,.075) !important;
background:#fffefa !important;
box-shadow:
0 1px 2px rgba(24,39,80,.045),
0 5px 13px rgba(24,39,80,.065),
inset 0 1px 0 rgba(255,255,255,.92) !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item.active::after{
content:"" !important;
position:absolute !important;
right:12px !important;
left:12px !important;
top:0 !important;
height:2px !important;
border-radius:0 0 999px 999px !important;
background:var(--tt-fn-accent) !important;
opacity:.78 !important;
pointer-events:none !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item.active .ttp-map-num{
color:var(--tt-fn-accent) !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item.active strong{
color:var(--tt-fn-ink) !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item.active small{
color:rgba(24,39,80,.54) !important;
}
html body #ttProof#ttProof .ttp-story-panel .ttp-actions{
justify-content:flex-start !important;
background:transparent !important;
border:0 !important;
}
html body #ttProof#ttProof .ttp-next{
position:relative !important;
min-height:52px !important;
padding:0 19px 0 50px !important;
color:#fff !important;
border:1px solid color-mix(in srgb,var(--accent) 82%,#244f45) !important;
border-radius:15px !important;
background:var(--tt-fn-accent) !important;
box-shadow:
0 8px 18px color-mix(in srgb,var(--accent) 18%,transparent),
inset 0 1px 0 rgba(255,255,255,.17) !important;
}
html body #ttProof#ttProof .ttp-next::before{
content:"←" !important;
position:absolute !important;
left:10px !important;
top:50% !important;
width:30px !important;
height:30px !important;
transform:translateY(-50%) !important;
display:grid !important;
place-items:center !important;
border-radius:10px !important;
color:#fff !important;
background:rgba(255,255,255,.13) !important;
font-size:15px !important;
font-weight:800 !important;
}
@media (hover:hover){
html body #ttProof#ttProof .ttp-control:not([aria-selected="true"]):hover,
html body #ttProof#ttProof .ttp-insight-block .ttp-map-item:not(.active):hover{
transform:none !important;
color:rgba(24,39,80,.82) !important;
background:rgba(255,255,255,.35) !important;
border-color:rgba(24,39,80,.055) !important;
box-shadow:none !important;
}
html body #ttProof#ttProof .ttp-next:hover{
transform:translateY(-1px) !important;
box-shadow:
0 11px 24px color-mix(in srgb,var(--accent) 23%,transparent),
inset 0 1px 0 rgba(255,255,255,.20) !important;
}
}
html body #ttProof#ttProof .ttp-next:active{
transform:scale(.985) !important;
}
html body #ttProof#ttProof .ttp-control:focus-visible,
html body #ttProof#ttProof .ttp-map-item:focus-visible,
html body #ttProof#ttProof .ttp-next:focus-visible{
outline:3px solid color-mix(in srgb,var(--accent) 24%,transparent) !important;
outline-offset:2px !important;
}
@media (max-width:767px){
html body #ttProof#ttProof .ttp-control{
min-height:47px !important;
}
html body #ttProof#ttProof .ttp-insight-block>.ttp-view-map{
padding:12px 3px 3px !important;
}
html body #ttProof#ttProof .ttp-next{
width:100% !important;
justify-content:center !important;
}
}
html body #ttCenterPositioning#ttCenterPositioning{
padding:54px 0 42px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-container{
max-width:1390px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell{
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
gap:16px !important;
align-items:stretch !important;
padding:14px !important;
min-height:0 !important;
background:rgba(255,255,255,.16) !important;
border-color:rgba(113,104,201,.10) !important;
box-shadow:0 18px 44px rgba(32,44,90,.045) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media{
min-height:0 !important;
height:auto !important;
border-radius:28px !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy{
padding:28px 27px 24px !important;
display:flex !important;
align-items:center !important;
background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,253,250,.64)) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy-inner{
width:100% !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy::before{
top:28px !important;
height:76px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy::after{
display:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-label{
margin-bottom:13px !important;
}
html body #ttCenterPositioning#ttCenterPositioning h2{
max-width:500px !important;
font-size:clamp(35px,3vw,49px) !important;
line-height:1.43 !important;
letter-spacing:-.45px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-main-copy{
max-width:540px !important;
margin-top:13px !important;
font-size:13.6px !important;
line-height:2.02 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principles{
margin-top:20px !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:8px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principle{
min-width:0 !important;
min-height:98px !important;
padding:12px 11px 11px !important;
border-radius:16px !important;
background:rgba(255,255,255,.55) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.76) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principle-icon{
width:29px !important;
height:29px !important;
margin-bottom:7px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principle strong{
font-size:10.6px !important;
line-height:1.65 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principle small{
margin-top:3px !important;
font-size:8.6px !important;
line-height:1.65 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy-micro,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy-dotgrid,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy-curve,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-watermark{
display:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media{
position:relative !important;
overflow:hidden !important;
padding:16px !important;
background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,252,248,.26)) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-media-head{
min-height:42px;
margin:0 2px 12px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-media-head strong{
color:#182750;
font-size:11.5px;
line-height:1.65;
font-weight:850;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-eyebrow{
display:inline-flex;
align-items:center;
gap:7px;
color:rgba(47,104,91,.78);
font-size:9px;
font-weight:800;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-eyebrow i{
width:7px;height:7px;border-radius:50%;
background:#4f8f7e;
box-shadow:0 0 0 4px rgba(79,143,126,.08);
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-gallery{
display:grid;
grid-template-columns:minmax(0,1.28fr) minmax(0,.82fr);
grid-template-rows:repeat(2,minmax(0,1fr));
gap:11px;
height:486px;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo{
position:relative;
min-width:0;
margin:0;
overflow:hidden;
border-radius:22px;
border:1px solid rgba(255,255,255,.56);
background:#f7f6f2;
box-shadow:0 11px 26px rgba(32,44,90,.06);
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-main{
grid-row:1 / span 2;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo img{
display:block;
width:100%;
height:100%;
object-fit:cover;
filter:none !important;
mix-blend-mode:normal !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-main img{
object-position:center 48%;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-room img{
object-position:center 52%;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-care img{
object-position:center 43%;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption{
position:absolute;
right:10px;
left:10px;
bottom:10px;
min-height:48px;
padding:8px 10px;
display:grid;
grid-template-columns:auto 1fr;
grid-template-rows:auto auto;
column-gap:8px;
align-items:center;
color:#182750;
border:1px solid rgba(255,255,255,.52);
border-radius:14px;
background:rgba(255,255,255,.78);
box-shadow:0 6px 16px rgba(32,44,90,.05);
backdrop-filter:blur(8px) saturate(112%);
-webkit-backdrop-filter:blur(8px) saturate(112%);
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption span{
grid-row:1 / span 2;
color:rgba(79,143,126,.64);
font-size:9px;
font-weight:900;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption strong{
font-size:10.5px;
line-height:1.4;
font-weight:850;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption small{
color:rgba(24,39,80,.52);
font-size:8px;
line-height:1.45;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-bridge{
margin-top:11px;
min-height:50px;
padding:9px 12px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
border:1px solid rgba(79,143,126,.11);
border-radius:15px;
background:rgba(255,255,255,.38);
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-bridge-copy{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-bridge-copy i{
width:7px;height:7px;flex:0 0 auto;border-radius:50%;
background:#4f8f7e;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-bridge strong{
color:#21345f;
font-size:10.5px;
line-height:1.6;
font-weight:850;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-bridge small{
color:rgba(24,39,80,.48);
font-size:8.3px;
line-height:1.55;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-journey{
flex:0 0 auto;
display:flex;
align-items:center;
gap:5px;
direction:rtl;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-journey span{
min-width:28px;
height:22px;
padding:0 7px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
color:rgba(24,39,80,.48);
background:rgba(255,255,255,.48);
border:1px solid rgba(24,39,80,.06);
font-size:7.5px;
font-weight:800;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-journey span:last-child{
color:#397366;
border-color:rgba(79,143,126,.16);
background:rgba(237,246,242,.78);
}
html body #ttDedicatedExperience#ttDedicatedExperience{
padding-top:46px !important;
}
@media (max-width:980px){
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell{
grid-template-columns:1fr !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media{
order:2 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy{
order:1 !important;
}
}
@media (max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning{
padding:40px 0 32px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell{
padding:10px !important;
gap:10px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media{
padding:15px !important;
border-radius:22px !important;
}
html body #ttCenterPositioning#ttCenterPositioning h2{
font-size:clamp(30px,8vw,38px) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principles{
display:grid !important;
grid-template-columns:1fr !important;
gap:7px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principle{
min-height:0 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-media-head{
min-height:36px;
margin-bottom:9px;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-gallery{
grid-template-columns:1fr 1fr;
grid-template-rows:310px 185px;
height:auto;
gap:8px;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-main{
grid-column:1 / span 2;
grid-row:auto;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo{
border-radius:18px;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption{
right:7px;left:7px;bottom:7px;
min-height:42px;
padding:6px 8px;
border-radius:12px;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-bridge{
align-items:flex-start;
flex-direction:column;
gap:7px;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-journey{
width:100%;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-journey span{
flex:1 1 0;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
padding-top:34px !important;
}
}
html body #ttCenterPositioning#ttCenterPositioning{
position:relative !important;
isolation:isolate !important;
padding:64px 0 58px !important;
overflow:visible !important;
}
html body #ttCenterPositioning#ttCenterPositioning::before{
content:"" !important;
position:absolute !important;
inset:18px -22px 16px !important;
z-index:0 !important;
pointer-events:none !important;
border-radius:38px !important;
background:
radial-gradient(42% 46% at 9% 88%,rgba(244,203,173,.34),transparent 72%),
radial-gradient(34% 40% at 93% 76%,rgba(255,214,196,.28),transparent 72%),
radial-gradient(26% 28% at 84% 12%,rgba(255,228,208,.22),transparent 72%),
radial-gradient(28% 28% at 14% 18%,rgba(224,214,248,.16),transparent 76%),
linear-gradient(180deg,rgba(255,252,249,.62),rgba(255,250,246,.36) 60%,rgba(255,248,244,.22)) !important;
filter:saturate(108%) !important;
}
html body #ttCenterPositioning#ttCenterPositioning::after{
content:"" !important;
position:absolute !important;
right:8% !important;
left:8% !important;
bottom:-8px !important;
height:42px !important;
z-index:0 !important;
pointer-events:none !important;
border-radius:999px !important;
background:radial-gradient(50% 100% at 50% 0%,rgba(238,194,164,.18),transparent 74%) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-container{
position:relative !important;
z-index:1 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell{
position:relative !important;
z-index:1 !important;
background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,252,248,.12)) !important;
border:1px solid rgba(238,211,190,.30) !important;
box-shadow:0 20px 48px rgba(33,42,86,.055),0 2px 0 rgba(255,255,255,.38) inset !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy{
background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,250,246,.70)) !important;
border-color:rgba(242,219,201,.34) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media{
background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,250,246,.28)) !important;
border-color:rgba(242,219,201,.28) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principle{
background:rgba(255,253,250,.64) !important;
border:1px solid rgba(240,220,205,.26) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo{
box-shadow:0 12px 28px rgba(33,42,86,.065),0 1px 0 rgba(255,255,255,.42) inset !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-bridge{
background:rgba(255,251,247,.48) !important;
border-color:rgba(235,204,182,.24) !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
position:relative !important;
padding-top:54px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience::before{
content:"" !important;
position:absolute !important;
top:0 !important;
right:9% !important;
left:9% !important;
height:1px !important;
background:linear-gradient(90deg,transparent,rgba(221,198,184,.36) 18%,rgba(214,190,176,.54) 50%,rgba(221,198,184,.36) 82%,transparent) !important;
pointer-events:none !important;
}
@media (max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning{
padding:46px 0 42px !important;
}
html body #ttCenterPositioning#ttCenterPositioning::before{
inset:10px -8px 12px !important;
border-radius:26px !important;
background:
radial-gradient(56% 42% at 14% 90%,rgba(244,203,173,.28),transparent 72%),
radial-gradient(44% 34% at 88% 80%,rgba(255,214,196,.24),transparent 72%),
radial-gradient(34% 24% at 76% 10%,rgba(255,228,208,.16),transparent 72%),
linear-gradient(180deg,rgba(255,252,249,.52),rgba(255,249,245,.26)) !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
padding-top:40px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience::before{
right:6% !important;
left:6% !important;
}
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell{
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}
html body #ttCenterPositioning#ttCenterPositioning::before{
background:
radial-gradient(40% 44% at 12% 84%,rgba(244,203,173,.27),transparent 72%),
radial-gradient(40% 44% at 88% 84%,rgba(244,203,173,.27),transparent 72%),
radial-gradient(28% 26% at 16% 14%,rgba(255,226,207,.16),transparent 74%),
radial-gradient(28% 26% at 84% 14%,rgba(255,226,207,.16),transparent 74%),
radial-gradient(34% 26% at 50% 10%,rgba(224,214,248,.11),transparent 76%),
linear-gradient(180deg,rgba(255,252,249,.58),rgba(255,250,246,.34) 60%,rgba(255,248,244,.20)) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media{
width:auto !important;
max-width:none !important;
min-width:0 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy{
padding-left:25px !important;
padding-right:25px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media{
padding-left:16px !important;
padding-right:16px !important;
}
html body #ttCenterPositioning#ttCenterPositioning::after{
right:12% !important;
left:12% !important;
background:
radial-gradient(50% 100% at 50% 0%,rgba(238,194,164,.16),transparent 74%) !important;
}
@media (max-width:980px){
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell{
grid-template-columns:1fr !important;
}
}
@media (max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning::before{
background:
radial-gradient(52% 38% at 14% 88%,rgba(244,203,173,.23),transparent 72%),
radial-gradient(52% 38% at 86% 88%,rgba(244,203,173,.23),transparent 72%),
radial-gradient(34% 24% at 50% 8%,rgba(224,214,248,.09),transparent 76%),
linear-gradient(180deg,rgba(255,252,249,.50),rgba(255,249,245,.24)) !important;
}
}
html body #ttCenterPositioning#ttCenterPositioning{
padding-bottom:34px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
padding-top:28px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-media-title strong{
font-size:16px !important;
line-height:1.45 !important;
font-weight:900 !important;
letter-spacing:-.12px !important;
color:#1b2d5b !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-duration{
display:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-guide-copy small{
display:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-guide-copy strong{
font-size:11.5px !important;
line-height:1.55 !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-human.ttde-hand{
display:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-copy-micro{
display:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-media-head{
min-height:36px !important;
margin-bottom:12px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-guide{
margin-top:8px !important;
margin-bottom:10px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-switch{
margin-top:8px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-copy-inner{
margin-top:0 !important;
}
@media(max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning{
padding-bottom:28px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
padding-top:22px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-media-title strong{
font-size:15px !important;
}
}
html body #ttProof#ttProof .ttp-proof-dotgrid,
html body #ttProof#ttProof .ttp-proof-orbit-dot,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-media-dotgrid,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-copy-dotgrid,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-media-orbit-dot{
display:none !important;
}
@media (min-width:768px){
html body #tt-hh-final#tt-hh-final > .tth-ambient-layer,
html body #ttRouterApp#ttRouterApp > .ttr-ambient-layer,
html body #ttProof#ttProof > .ttp-ambient-plate,
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer,
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer,
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer,
html body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer,
html body #ttFinalDecision#ttFinalDecision > .ttfd-ambient-layer,
html body #ttSecondaryAuthority#ttSecondaryAuthority > .ttsa-ambient-layer{
left:0 !important;
right:0 !important;
width:min(calc(100% - 32px),1400px) !important;
margin-inline:auto !important;
transform:none !important;
}
html body #tt-hh-final#tt-hh-final #ttHero#ttHero::before{
top:-56px !important;
bottom:-48px !important;
left:0 !important;
right:0 !important;
width:min(calc(100% - 32px),1400px) !important;
margin-inline:auto !important;
transform:none !important;
}
html body #ttHero#ttHero{
padding-bottom:14px !important;
}
html body #ttRouterApp#ttRouterApp{
margin-top:0 !important;
padding-top:12px !important;
}
}
html body #ttProof#ttProof .ttp-intro{
margin-bottom:0 !important;
padding-top:14px !important;
padding-bottom:12px !important;
box-shadow:none !important;
}
html body #ttProof#ttProof .ttp-kicker{margin-bottom:4px !important;}
html body #ttProof#ttProof .ttp-intro h2{
font-size:clamp(31px,2.55vw,40px) !important;
line-height:1.34 !important;
}
html body #ttProof#ttProof .ttp-intro-text{
margin-top:5px !important;
line-height:1.82 !important;
}
html body #ttProof#ttProof .ttp-intro-hand{display:none !important;}
html body #ttProof#ttProof .ttp-shell{margin-top:-1px !important;}
html body #ttProof#ttProof .ttp-topbar{
min-height:38px !important;
margin:0 2px 7px !important;
padding:5px 10px !important;
border-radius:14px 14px 10px 10px !important;
background:rgba(255,255,255,.58) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls{
width:auto !important;
margin:0 2px 12px !important;
padding:5px !important;
gap:5px !important;
border:1px solid rgba(79,143,126,.16) !important;
border-radius:18px !important;
background:linear-gradient(90deg,rgba(234,246,242,.78),rgba(245,242,255,.76),rgba(255,244,238,.74)) !important;
box-shadow:0 8px 22px rgba(32,44,90,.045),inset 0 1px 0 rgba(255,255,255,.82) !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control{
min-height:56px !important;
border:1px solid rgba(24,39,80,.055) !important;
background:rgba(255,255,255,.42) !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control[aria-selected="true"]{
background:#fffefa !important;
border-color:color-mix(in srgb,var(--accent) 28%,rgba(24,39,80,.08)) !important;
box-shadow:0 2px 5px rgba(24,39,80,.055),0 8px 18px rgba(24,39,80,.075),inset 0 1px 0 rgba(255,255,255,.95) !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control[aria-selected="true"]::after{
content:"" !important;
position:absolute !important;
right:22% !important;
left:22% !important;
bottom:0 !important;
height:3px !important;
border-radius:999px 999px 0 0 !important;
background:var(--accent) !important;
opacity:.82 !important;
pointer-events:none !important;
}
html body #ttProof#ttProof .ttp-stage{padding-top:2px !important;}
@media(max-width:760px){
html body #ttProof#ttProof .ttp-intro{
margin-bottom:4px !important;
padding-top:10px !important;
padding-bottom:9px !important;
}
html body #ttProof#ttProof .ttp-intro h2{
font-size:clamp(27px,7.4vw,33px) !important;
}
html body #ttProof#ttProof .ttp-intro-text{
margin-top:4px !important;
line-height:1.78 !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls{
margin:0 2px 9px !important;
padding:4px !important;
gap:3px !important;
border-radius:15px !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control{
min-height:52px !important;
}
}
html body #ttProof#ttProof .ttp-topbar{
display:none !important;
}
html body #ttProof#ttProof .ttp-intro{
max-width:980px !important;
padding-top:10px !important;
padding-bottom:10px !important;
}
html body #ttProof#ttProof .ttp-kicker{
color:#4f8f7e !important;
font-size:12.5px !important;
letter-spacing:0 !important;
}
html body #ttProof#ttProof .ttp-intro h2{
max-width:940px !important;
margin-inline:auto !important;
font-size:clamp(30px,2.65vw,39px) !important;
line-height:1.42 !important;
letter-spacing:-.7px !important;
}
html body #ttProof#ttProof .ttp-intro-text{
max-width:760px !important;
margin-top:5px !important;
color:rgba(24,39,80,.68) !important;
font-size:14px !important;
line-height:1.9 !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls{
position:relative !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:7px !important;
margin:2px 2px 10px !important;
padding:8px !important;
border:1px solid rgba(24,39,80,.08) !important;
border-radius:21px !important;
background:rgba(255,255,255,.56) !important;
box-shadow:
0 9px 24px rgba(32,44,90,.045),
inset 0 1px 0 rgba(255,255,255,.90) !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls::before{
content:"از کدام نما شروع کنیم؟" !important;
grid-column:1/-1 !important;
display:block !important;
padding:1px 4px 2px !important;
color:#182750 !important;
font-size:12px !important;
line-height:1.7 !important;
font-weight:850 !important;
text-align:right !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control{
position:relative !important;
min-height:92px !important;
padding:59px 10px 9px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(24,39,80,.09) !important;
border-radius:15px !important;
color:rgba(24,39,80,.72) !important;
background:#fffdfa !important;
box-shadow:
0 3px 10px rgba(32,44,90,.035),
inset 0 1px 0 rgba(255,255,255,.95) !important;
cursor:pointer !important;
font-size:12px !important;
font-weight:820 !important;
overflow:hidden !important;
transition:
transform .16s ease,
border-color .18s ease,
box-shadow .18s ease,
color .18s ease !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control::before{
content:"" !important;
position:absolute !important;
top:5px !important;
right:5px !important;
left:5px !important;
height:48px !important;
border-radius:11px !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:cover !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.42) !important;
opacity:.84 !important;
filter:saturate(.90) contrast(.98) !important;
transition:opacity .18s ease,filter .18s ease,transform .18s ease !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls #ttp-tab-face::before{
background-image:url("IMG_7258.jpg") !important;
background-position:center 34% !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls #ttp-tab-smile::before{
background-image:url("IMG_7263-q100.webp") !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls #ttp-tab-detail::before{
background-image:url("IMG_7264-q100.webp") !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control-icon,
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control-num{
display:none !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control[aria-selected="true"]{
color:#182750 !important;
border-color:color-mix(in srgb,var(--accent) 58%,rgba(24,39,80,.10)) !important;
background:#fffefa !important;
box-shadow:
0 2px 5px rgba(24,39,80,.05),
0 8px 18px color-mix(in srgb,var(--accent) 14%,transparent),
inset 0 1px 0 rgba(255,255,255,.96) !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control[aria-selected="true"]::before{
opacity:1 !important;
filter:saturate(1.04) contrast(1.01) !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control[aria-selected="true"]::after{
content:"" !important;
position:absolute !important;
right:30% !important;
left:30% !important;
bottom:0 !important;
height:3px !important;
border-radius:999px 999px 0 0 !important;
background:var(--accent) !important;
opacity:.9 !important;
pointer-events:none !important;
}
@media(hover:hover){
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control:not([aria-selected="true"]):hover{
transform:translateY(-2px) !important;
color:#182750 !important;
border-color:rgba(24,39,80,.16) !important;
background:#fff !important;
box-shadow:
0 4px 9px rgba(24,39,80,.04),
0 10px 22px rgba(32,44,90,.08) !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control:hover::before{
opacity:1 !important;
filter:saturate(1.02) contrast(1.01) !important;
transform:scale(1.012) !important;
}
}
html body #ttProof#ttProof .ttp-stage{
padding-top:0 !important;
}
@media(max-width:760px){
html body #ttProof#ttProof .ttp-intro{
padding-top:7px !important;
padding-bottom:8px !important;
}
html body #ttProof#ttProof .ttp-kicker{
font-size:10.5px !important;
}
html body #ttProof#ttProof .ttp-intro h2{
font-size:clamp(26px,7vw,32px) !important;
line-height:1.47 !important;
}
html body #ttProof#ttProof .ttp-intro-text{
font-size:13px !important;
line-height:1.78 !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls{
gap:4px !important;
margin:0 2px 8px !important;
padding:6px !important;
border-radius:17px !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls::before{
font-size:10.5px !important;
padding:0 3px 1px !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control{
min-height:78px !important;
padding:48px 4px 7px !important;
border-radius:12px !important;
font-size:10.5px !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control::before{
top:4px !important;
right:4px !important;
left:4px !important;
height:39px !important;
border-radius:9px !important;
}
}
html body #ttProof#ttProof .ttp-bg-line{
display:none !important;
}
@media(min-width:768px){
html body #ttProof#ttProof .ttp-intro{
width:100% !important;
max-width:none !important;
padding-left:48px !important;
padding-right:48px !important;
text-align:center !important;
}
html body #ttProof#ttProof .ttp-intro h2{
width:100% !important;
max-width:1100px !important;
margin-inline:auto !important;
text-align:center !important;
}
html body #ttProof#ttProof .ttp-intro-text{
text-align:center !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control{
min-height:118px !important;
padding:84px 10px 10px !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control::before{
height:72px !important;
}
html body #ttProof#ttProof .ttp-stage{
height:560px !important;
min-height:560px !important;
align-items:stretch !important;
}
html body #ttProof#ttProof .ttp-viewer,
html body #ttProof#ttProof .ttp-story{
min-height:560px !important;
height:560px !important;
}
html body #ttProof#ttProof .ttp-story-panel{
min-height:0 !important;
height:100% !important;
}
html body #ttProof#ttProof .ttp-insight-block{
flex:0 0 auto !important;
min-height:205px !important;
max-height:none !important;
height:auto !important;
padding:13px !important;
}
html body #ttProof#ttProof .ttp-actions{
margin-top:11px !important;
}
}
@media(max-width:767px){
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control{
min-height:86px !important;
padding-top:54px !important;
}
html body #ttProof#ttProof .ttp-shell > .ttp-controls .ttp-control::before{
height:45px !important;
}
}
html body #ttProof#ttProof{
background:
linear-gradient(
180deg,
rgba(239,244,255,.66) 0%,
rgba(242,250,247,.34) 46%,
rgba(255,250,247,0) 100%
) !important;
border-top:0 !important;
box-shadow:none !important;
}
html body #ttProof#ttProof > .ttp-container{
border-color:rgba(100,117,190,.15) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.52),
0 22px 58px rgba(44,40,96,.045) !important;
}
@media(min-width:768px){
html body #ttRouterApp#ttRouterApp > .ttr-ambient-layer{
bottom:-72px !important;
}
html body #ttProof#ttProof{
margin-top:24px !important;
padding-top:34px !important;
}
html body #ttProof#ttProof > .ttp-ambient-layer{
left:0 !important;
right:0 !important;
width:min(calc(100% - 32px),1400px) !important;
margin-inline:auto !important;
top:-46px !important;
bottom:-72px !important;
transform:none !important;
opacity:.82 !important;
}
}
@media(max-width:767px){
html body #ttProof#ttProof{
margin-top:14px !important;
padding-top:20px !important;
background:
linear-gradient(
180deg,
rgba(239,244,255,.54) 0%,
rgba(242,250,247,.26) 44%,
rgba(255,250,247,0) 100%
) !important;
}
html body #ttProof#ttProof > .ttp-ambient-layer{
left:8px !important;
right:8px !important;
width:auto !important;
margin:0 !important;
top:-34px !important;
bottom:-46px !important;
transform:none !important;
opacity:.76 !important;
}
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-copy h2 .ttde-title-accent{
color:#c96d58 !important;
text-shadow:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-copy h2 .ttde-title-accent::after{
background:#c96d58 !important;
opacity:.30 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam :is(
.tttm-authority-micro,
.tttm-authority-code,
.tttm-team-micro,
.tttm-number,
.tttm-doctor-code,
.tttm-doctor-role-micro,
.tttm-mobile-state-rail,
.tttm-tohid-photo-label
){
display:none !important;
}
@media(min-width:768px){
html body #ttTreatmentTeam#ttTreatmentTeam{
padding-top:34px !important;
padding-bottom:56px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-intro{
max-width:960px !important;
margin-bottom:16px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-kicker{
margin-bottom:6px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam #tttmTitle{
max-width:920px !important;
margin-inline:auto !important;
line-height:1.43 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-intro-text{
max-width:820px !important;
margin:8px auto 0 !important;
line-height:1.9 !important;
}
}
@media(max-width:767px){
html body #ttTreatmentTeam#ttTreatmentTeam{
padding-top:18px !important;
padding-bottom:26px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-intro{
padding-top:11px !important;
padding-bottom:11px !important;
margin-bottom:10px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-kicker{
margin-bottom:5px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam #tttmTitle{
line-height:1.5 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-intro-text{
margin-top:6px !important;
line-height:1.82 !important;
}
}
@media(min-width:768px){
html body #ttTreatmentTeam#ttTreatmentTeam{
padding-top:28px !important;
padding-bottom:48px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer{
opacity:.72 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-intro{
max-width:900px !important;
margin-bottom:14px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam #tttmTitle{
max-width:860px !important;
font-size:clamp(40px,3vw,45px) !important;
line-height:1.42 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-intro-text{
max-width:800px !important;
margin-top:7px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell{
padding:16px !important;
gap:16px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-authority{
padding:17px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-team{
padding:21px 21px 18px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media{
width:92% !important;
max-width:480px !important;
margin-inline:auto !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media-inner{
height:315px !important;
max-height:315px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media-inner img{
height:315px !important;
max-height:315px !important;
}
}
@media(max-width:767px){
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer{
opacity:.82 !important;
}
}
html body #ttTreatmentTeam#ttTreatmentTeam{
background:
radial-gradient(circle at 82% 14%, rgba(255,221,207,.24), transparent 28%),
radial-gradient(circle at 18% 72%, rgba(221,239,232,.18), transparent 30%),
linear-gradient(180deg, rgba(255,250,247,.34), rgba(255,253,251,.08)) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell{
background:rgba(255,249,246,.50) !important;
border-color:rgba(218,187,173,.26) !important;
box-shadow:
0 18px 48px rgba(84,54,48,.045),
inset 0 1px 0 rgba(255,255,255,.82) !important;
-webkit-backdrop-filter:blur(10px) saturate(1.03) !important;
backdrop-filter:blur(10px) saturate(1.03) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam :is(.tttm-team,.tttm-authority){
background:rgba(255,252,249,.84) !important;
border-color:rgba(218,187,173,.28) !important;
box-shadow:
0 14px 36px rgba(91,57,49,.055),
inset 0 1px 0 rgba(255,255,255,.92) !important;
-webkit-backdrop-filter:blur(12px) saturate(1.02) !important;
backdrop-filter:blur(12px) saturate(1.02) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-doctor{
background:
linear-gradient(
145deg,
rgba(255,255,255,.97),
rgba(255,247,243,.88)
) !important;
border-color:rgba(218,187,173,.22) !important;
box-shadow:0 9px 24px rgba(84,54,48,.045) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-doctor-body{
padding-bottom:10px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-team-foot{
min-height:42px !important;
margin-top:11px !important;
justify-content:flex-start !important;
border-color:rgba(218,187,173,.18) !important;
background:rgba(255,251,248,.56) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-team-jump{
margin-inline-start:0 !important;
}
@media(max-width:767px){
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell{
background:rgba(255,249,246,.64) !important;
-webkit-backdrop-filter:blur(7px) saturate(1.02) !important;
backdrop-filter:blur(7px) saturate(1.02) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam :is(.tttm-team,.tttm-authority){
background:rgba(255,252,249,.90) !important;
}
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell{
background:rgba(255,249,246,.24) !important;
border-color:rgba(218,187,173,.24) !important;
box-shadow:
0 12px 32px rgba(84,54,48,.022),
inset 0 1px 0 rgba(255,255,255,.68) !important;
-webkit-backdrop-filter:blur(16px) saturate(1.04) !important;
backdrop-filter:blur(16px) saturate(1.04) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam :is(.tttm-team,.tttm-authority){
background:rgba(255,252,249,.38) !important;
border-color:rgba(218,187,173,.24) !important;
box-shadow:
0 10px 26px rgba(91,57,49,.026),
inset 0 1px 0 rgba(255,255,255,.74) !important;
-webkit-backdrop-filter:blur(18px) saturate(1.035) !important;
backdrop-filter:blur(18px) saturate(1.035) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media{
background:rgba(255,255,255,.16) !important;
box-shadow:0 10px 26px rgba(73,54,51,.028) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media-inner{
background:
linear-gradient(
145deg,
rgba(255,255,255,.30),
rgba(255,242,236,.14)
) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-doctor{
background:
linear-gradient(
145deg,
rgba(255,255,255,.78),
rgba(255,246,241,.66)
) !important;
border-color:rgba(218,187,173,.20) !important;
box-shadow:0 7px 18px rgba(84,54,48,.026) !important;
-webkit-backdrop-filter:blur(9px) saturate(1.02) !important;
backdrop-filter:blur(9px) saturate(1.02) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-doctor-photo{
background:
linear-gradient(
145deg,
rgba(246,250,250,.62),
rgba(255,244,239,.48)
) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-team-foot{
background:rgba(255,251,248,.24) !important;
border-color:rgba(218,187,173,.15) !important;
box-shadow:none !important;
-webkit-backdrop-filter:blur(10px) saturate(1.02) !important;
backdrop-filter:blur(10px) saturate(1.02) !important;
}
@media(max-width:767px){
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell{
background:rgba(255,249,246,.34) !important;
-webkit-backdrop-filter:blur(12px) saturate(1.03) !important;
backdrop-filter:blur(12px) saturate(1.03) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam :is(.tttm-team,.tttm-authority){
background:rgba(255,252,249,.48) !important;
-webkit-backdrop-filter:blur(14px) saturate(1.025) !important;
backdrop-filter:blur(14px) saturate(1.025) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-doctor{
background:rgba(255,252,249,.70) !important;
}
}
@media(min-width:768px){
html body #ttFinalFooter#ttFinalFooter{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
margin:0 !important;
padding:54px 0 22px !important;
color:#fff !important;
border:0 !important;
background:
radial-gradient(circle at 88% 8%, rgba(132,124,246,.22), transparent 26%),
radial-gradient(circle at 9% 92%, rgba(79,143,126,.15), transparent 25%),
radial-gradient(circle at 48% 112%, rgba(238,184,157,.11), transparent 34%),
linear-gradient(145deg,#111b36 0%,#18264a 58%,#111b36 100%) !important;
background-image:
radial-gradient(circle at 88% 8%, rgba(132,124,246,.22), transparent 26%),
radial-gradient(circle at 9% 92%, rgba(79,143,126,.15), transparent 25%),
radial-gradient(circle at 48% 112%, rgba(238,184,157,.11), transparent 34%),
linear-gradient(145deg,#111b36 0%,#18264a 58%,#111b36 100%) !important;
}
html body #ttFinalFooter#ttFinalFooter::after{
content:"" !important;
display:block !important;
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
inset:0 !important;
opacity:1 !important;
background:
linear-gradient(90deg,transparent 0 7%,rgba(255,255,255,.026) 7% 7.08%,transparent 7.08% 100%),
linear-gradient(180deg,rgba(255,255,255,.018),transparent 28%) !important;
background-image:
linear-gradient(90deg,transparent 0 7%,rgba(255,255,255,.026) 7% 7.08%,transparent 7.08% 100%),
linear-gradient(180deg,rgba(255,255,255,.018),transparent 28%) !important;
}
html body #ttFinalFooter#ttFinalFooter::before{
content:"" !important;
position:absolute !important;
z-index:3 !important;
top:0 !important;
right:7.5% !important;
left:auto !important;
width:184px !important;
height:5px !important;
border-radius:0 0 999px 999px !important;
background:linear-gradient(90deg,#eeb89d 0%,#847cf6 52%,#74aa9b 100%) !important;
opacity:.96 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-container{
position:relative !important;
z-index:2 !important;
width:min(1500px,calc(100% - 96px)) !important;
margin-inline:auto !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main{
position:relative !important;
min-height:390px !important;
padding:58px 60px 50px !important;
display:grid !important;
grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr) !important;
grid-template-areas:
"brand nav"
"brand contact" !important;
grid-template-rows:auto 1fr !important;
column-gap:72px !important;
row-gap:38px !important;
overflow:visible !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
background-image:none !important;
box-shadow:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main::before{
content:"" !important;
position:absolute !important;
top:58px !important;
right:0 !important;
bottom:50px !important;
left:auto !important;
width:1px !important;
height:auto !important;
border-radius:0 !important;
background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04)) !important;
opacity:.65 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand{
grid-area:brand !important;
position:relative !important;
min-width:0 !important;
padding:4px 0 0 54px !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand::after{
content:"" !important;
position:absolute !important;
top:10px !important;
bottom:10px !important;
left:0 !important;
width:1px !important;
background:linear-gradient(180deg,transparent,rgba(255,255,255,.13),transparent) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-mark{
margin:0 0 17px !important;
gap:10px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-dot{
width:13px !important;
height:13px !important;
border-color:rgba(238,184,157,.62) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-mark small{
color:rgba(255,255,255,.46) !important;
font-size:8px !important;
letter-spacing:1.65px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3{
max-width:650px !important;
margin:0 !important;
color:#fff !important;
font-size:clamp(42px,3.35vw,58px) !important;
line-height:1.38 !important;
letter-spacing:-1.45px !important;
font-weight:950 !important;
text-wrap:balance !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3::after{
content:"" !important;
display:block !important;
width:92px !important;
height:3px !important;
margin-top:20px !important;
border-radius:999px !important;
background:linear-gradient(90deg,#eeb89d,#847cf6) !important;
opacity:.92 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand p{
max-width:610px !important;
margin:20px 0 0 !important;
color:rgba(255,255,255,.66) !important;
font-size:13px !important;
line-height:2.05 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-script,
html body #ttFinalFooter#ttFinalFooter .ttff-brand-micro{
display:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nav-grid{
grid-area:nav !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:44px !important;
align-self:start !important;
padding:4px 0 30px !important;
border-bottom:1px solid rgba(255,255,255,.09) !important;
background:transparent !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-col h4{
margin:0 0 16px !important;
padding:0 !important;
color:rgba(255,255,255,.92) !important;
font-size:11px !important;
line-height:1.7 !important;
font-weight:900 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-col h4::after{
display:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-links{
gap:10px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link{
position:relative !important;
width:max-content !important;
max-width:100% !important;
gap:0 !important;
color:rgba(255,255,255,.56) !important;
font-size:10px !important;
line-height:1.85 !important;
transform:none !important;
transition:color .16s ease,transform .16s ease !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link::before{
content:"" !important;
width:0 !important;
height:1px !important;
margin-left:0 !important;
border-radius:999px !important;
background:#eeb89d !important;
opacity:.9 !important;
transition:width .16s ease,margin-left .16s ease !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link:hover{
color:#fff !important;
transform:translateX(-3px) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link:hover::before{
width:18px !important;
margin-left:7px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main > .ttff-col:last-child{
grid-area:contact !important;
align-self:end !important;
padding-top:0 !important;
background:transparent !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-contact{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:10px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone,
html body #ttFinalFooter#ttFinalFooter .ttff-consult{
min-height:58px !important;
border-radius:15px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone{
padding:0 16px !important;
color:#fff !important;
border:1px solid rgba(255,255,255,.13) !important;
background:rgba(255,255,255,.055) !important;
background-image:none !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone span{
color:rgba(255,255,255,.58) !important;
font-size:9px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone strong{
color:#fff !important;
font-size:13px !important;
letter-spacing:.3px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-consult{
padding:0 16px !important;
color:#fff !important;
background:linear-gradient(135deg,#756cf4,#655dea) !important;
box-shadow:0 14px 34px rgba(101,93,234,.22) !important;
font-size:10.5px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom{
min-height:62px !important;
margin-top:0 !important;
padding:19px 4px 0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:20px !important;
border-top:1px solid rgba(255,255,255,.07) !important;
color:rgba(255,255,255,.34) !important;
font-size:8px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom a{
color:rgba(255,255,255,.46) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom a:hover{
color:#fff !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-separator{
background:rgba(255,255,255,.18) !important;
}
html body #ttFinalFooter#ttFinalFooter :focus-visible{
outline:3px solid rgba(238,184,157,.72) !important;
outline-offset:4px !important;
}
}
@media(min-width:768px){
html body #ttFinalFooter#ttFinalFooter{
padding:48px 0 20px !important;
color:#fff !important;
background:
radial-gradient(circle at 88% 7%, rgba(214,192,224,.22), transparent 26%),
radial-gradient(circle at 12% 92%, rgba(126,164,153,.15), transparent 28%),
radial-gradient(circle at 48% 112%, rgba(238,184,157,.17), transparent 36%),
linear-gradient(145deg,#46455f 0%,#51495e 54%,#4b5262 100%) !important;
background-image:
radial-gradient(circle at 88% 7%, rgba(214,192,224,.22), transparent 26%),
radial-gradient(circle at 12% 92%, rgba(126,164,153,.15), transparent 28%),
radial-gradient(circle at 48% 112%, rgba(238,184,157,.17), transparent 36%),
linear-gradient(145deg,#46455f 0%,#51495e 54%,#4b5262 100%) !important;
}
html body #ttFinalFooter#ttFinalFooter::after{
inset:0 !important;
opacity:1 !important;
background:
linear-gradient(180deg,rgba(255,250,247,.045),transparent 22%),
linear-gradient(90deg,transparent,rgba(255,255,255,.018) 52%,transparent) !important;
background-image:
linear-gradient(180deg,rgba(255,250,247,.045),transparent 22%),
linear-gradient(90deg,transparent,rgba(255,255,255,.018) 52%,transparent) !important;
}
html body #ttFinalFooter#ttFinalFooter::before{
right:8.5% !important;
width:138px !important;
height:4px !important;
background:linear-gradient(90deg,#eeb89d 0%,#aa9ee9 54%,#91b6aa 100%) !important;
opacity:.82 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-container{
width:min(1460px,calc(100% - 96px)) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main{
min-height:360px !important;
padding:48px 52px 44px !important;
grid-template-columns:minmax(0,1.25fr) minmax(390px,.9fr) !important;
column-gap:76px !important;
row-gap:34px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main::before{
display:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand{
padding:0 0 0 48px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand::after{
top:2px !important;
bottom:2px !important;
background:linear-gradient(180deg,transparent,rgba(255,255,255,.10),transparent) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-mark{
margin-bottom:14px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-mark small{
color:rgba(255,255,255,.52) !important;
font-size:7.8px !important;
letter-spacing:1.55px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3{
max-width:620px !important;
font-size:clamp(38px,2.95vw,50px) !important;
line-height:1.42 !important;
letter-spacing:-1.1px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3::after{
width:74px !important;
height:2px !important;
margin-top:16px !important;
background:linear-gradient(90deg,#eeb89d,#b5a9ef) !important;
opacity:.8 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand p{
max-width:590px !important;
margin-top:17px !important;
color:rgba(255,255,255,.68) !important;
font-size:12.5px !important;
line-height:2 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nav-grid{
gap:54px !important;
padding:0 0 26px !important;
border-bottom:1px solid rgba(255,255,255,.095) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-col h4{
margin-bottom:10px !important;
color:rgba(255,255,255,.88) !important;
font-size:10px !important;
letter-spacing:-.05px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-links{
gap:0 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link{
min-height:36px !important;
padding:7px 0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
color:rgba(255,255,255,.58) !important;
border-bottom:1px solid rgba(255,255,255,.07) !important;
font-size:9.5px !important;
line-height:1.7 !important;
transform:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link:last-child{
border-bottom:0 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link::before{
content:"" !important;
order:2 !important;
width:13px !important;
height:1px !important;
margin:0 8px 0 0 !important;
flex:0 0 auto !important;
border-radius:999px !important;
background:rgba(238,184,157,.62) !important;
opacity:.52 !important;
transform:scaleX(.45) !important;
transform-origin:left center !important;
transition:transform .16s ease,opacity .16s ease !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link:hover{
color:#fff !important;
transform:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link:hover::before{
width:13px !important;
margin-right:8px !important;
transform:scaleX(1) !important;
opacity:1 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main > .ttff-col:last-child{
padding-top:0 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-contact{
grid-template-columns:.92fr 1.08fr !important;
gap:10px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone,
html body #ttFinalFooter#ttFinalFooter .ttff-consult{
min-height:54px !important;
border-radius:13px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone{
padding:0 14px !important;
color:rgba(255,255,255,.92) !important;
border:1px solid rgba(255,255,255,.12) !important;
background:rgba(255,255,255,.035) !important;
box-shadow:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone span{
color:rgba(255,255,255,.48) !important;
font-size:8.5px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone strong{
font-size:12.5px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-consult{
padding:0 15px !important;
background:linear-gradient(135deg,#8e84ee,#746bdc) !important;
box-shadow:0 10px 24px rgba(78,68,150,.18) !important;
font-size:10px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-consult:hover{
transform:translateY(-1px) !important;
box-shadow:0 13px 28px rgba(78,68,150,.22) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom{
min-height:54px !important;
padding-top:16px !important;
color:rgba(255,255,255,.35) !important;
border-top:1px solid rgba(255,255,255,.065) !important;
font-size:7.7px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom a{
color:rgba(255,255,255,.47) !important;
}
html body #ttFinalFooter#ttFinalFooter :focus-visible{
outline:3px solid rgba(238,184,157,.64) !important;
outline-offset:4px !important;
}
}
#ttFinalFooter .ttff-nap{display:none;}
@media(min-width:768px){
html body #ttFinalFooter#ttFinalFooter{
padding:50px 0 22px !important;
color:#fff !important;
background:
radial-gradient(ellipse at 87% 12%, rgba(105,117,243,.68) 0%, rgba(105,117,243,.22) 26%, transparent 43%),
radial-gradient(ellipse at 11% 84%, rgba(116,170,155,.48) 0%, rgba(116,170,155,.15) 28%, transparent 46%),
radial-gradient(ellipse at 50% 112%, rgba(238,184,157,.54) 0%, rgba(238,184,157,.17) 30%, transparent 51%),
radial-gradient(ellipse at 7% 10%, rgba(236,139,181,.30) 0%, transparent 34%),
linear-gradient(138deg,#222541 0%,#342a51 50%,#23494d 100%) !important;
background-image:
radial-gradient(ellipse at 87% 12%, rgba(105,117,243,.68) 0%, rgba(105,117,243,.22) 26%, transparent 43%),
radial-gradient(ellipse at 11% 84%, rgba(116,170,155,.48) 0%, rgba(116,170,155,.15) 28%, transparent 46%),
radial-gradient(ellipse at 50% 112%, rgba(238,184,157,.54) 0%, rgba(238,184,157,.17) 30%, transparent 51%),
radial-gradient(ellipse at 7% 10%, rgba(236,139,181,.30) 0%, transparent 34%),
linear-gradient(138deg,#222541 0%,#342a51 50%,#23494d 100%) !important;
}
html body #ttFinalFooter#ttFinalFooter::after{
content:"" !important;
display:block !important;
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
inset:0 !important;
opacity:1 !important;
background:
linear-gradient(118deg,transparent 0 20%,rgba(255,255,255,.045) 37%,transparent 54%),
radial-gradient(circle at 72% 34%,rgba(255,255,255,.09),transparent 18%) !important;
background-image:
linear-gradient(118deg,transparent 0 20%,rgba(255,255,255,.045) 37%,transparent 54%),
radial-gradient(circle at 72% 34%,rgba(255,255,255,.09),transparent 18%) !important;
}
html body #ttFinalFooter#ttFinalFooter::before{
right:8% !important;
width:180px !important;
height:5px !important;
background:linear-gradient(90deg,#ffb29a 0%,#8f87ff 48%,#73c2ac 100%) !important;
box-shadow:0 0 28px rgba(143,135,255,.28) !important;
opacity:1 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-container{
width:min(1480px,calc(100% - 88px)) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main{
min-height:405px !important;
padding:54px 52px 48px !important;
grid-template-columns:minmax(0,1.18fr) minmax(430px,.95fr) !important;
column-gap:78px !important;
row-gap:32px !important;
border:1px solid rgba(255,255,255,.08) !important;
border-radius:28px !important;
background:
linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)) !important;
background-image:
linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 26px 80px rgba(15,18,41,.12) !important;
-webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
backdrop-filter:blur(14px) saturate(1.08) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main::before{
display:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand{
padding:4px 0 0 46px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand::after{
top:4px !important;
bottom:4px !important;
background:linear-gradient(180deg,transparent,rgba(255,255,255,.17),transparent) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-mark{
margin-bottom:15px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-mark small{
color:rgba(255,255,255,.68) !important;
font-size:9px !important;
letter-spacing:1.55px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3{
max-width:620px !important;
color:#fff !important;
font-size:clamp(40px,3vw,50px) !important;
line-height:1.38 !important;
letter-spacing:-1px !important;
text-shadow:0 8px 28px rgba(16,19,47,.16) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3::after{
width:82px !important;
height:3px !important;
margin-top:17px !important;
background:linear-gradient(90deg,#ffb29a,#a69cff,#7bc0ac) !important;
box-shadow:0 0 18px rgba(166,156,255,.25) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand p{
max-width:620px !important;
margin-top:18px !important;
color:rgba(255,255,255,.82) !important;
font-size:14.5px !important;
line-height:2 !important;
font-weight:650 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-script,
html body #ttFinalFooter#ttFinalFooter .ttff-brand-micro{
display:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nap{
display:grid !important;
gap:6px !important;
max-width:620px !important;
margin:20px 0 0 !important;
padding:14px 16px !important;
font-style:normal !important;
border:1px solid rgba(255,255,255,.10) !important;
border-radius:14px !important;
background:rgba(255,255,255,.055) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nap-label{
color:#ffd1bf !important;
font-size:10px !important;
font-weight:850 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nap strong{
color:rgba(255,255,255,.88) !important;
font-size:13px !important;
line-height:1.9 !important;
font-weight:650 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nav-grid{
gap:48px !important;
padding:0 0 28px !important;
border-bottom:1px solid rgba(255,255,255,.12) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-col h4{
margin:0 0 12px !important;
padding:0 !important;
color:#fff !important;
font-size:13.5px !important;
line-height:1.7 !important;
font-weight:900 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-col h4::after{
content:"" !important;
display:block !important;
position:static !important;
width:34px !important;
height:2px !important;
margin-top:8px !important;
background:linear-gradient(90deg,#ffb29a,#8f87ff) !important;
opacity:.9 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-links{
gap:0 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link{
min-height:43px !important;
padding:9px 0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
color:rgba(255,255,255,.76) !important;
border-bottom:1px solid rgba(255,255,255,.085) !important;
font-size:13.5px !important;
line-height:1.75 !important;
font-weight:650 !important;
transform:none !important;
transition:color .16s ease,padding .16s ease,border-color .16s ease !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link:last-child{
border-bottom:0 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link::before{
content:"←" !important;
order:2 !important;
width:auto !important;
height:auto !important;
margin:0 8px 0 0 !important;
border-radius:0 !important;
background:none !important;
color:rgba(255,209,191,.78) !important;
font-size:14px !important;
line-height:1 !important;
opacity:.52 !important;
transform:translateX(4px) !important;
transition:transform .16s ease,opacity .16s ease,color .16s ease !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link:hover{
color:#fff !important;
padding-right:5px !important;
border-color:rgba(255,255,255,.16) !important;
transform:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link:hover::before{
opacity:1 !important;
color:#ffd1bf !important;
transform:translateX(0) !important;
width:auto !important;
margin-right:8px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main > .ttff-col:last-child{
align-self:end !important;
padding-top:0 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-contact{
grid-template-columns:.9fr 1.1fr !important;
gap:12px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone,
html body #ttFinalFooter#ttFinalFooter .ttff-consult{
min-height:62px !important;
border-radius:15px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone{
padding:0 16px !important;
color:#fff !important;
border:1px solid rgba(255,255,255,.16) !important;
background:rgba(255,255,255,.07) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone span{
color:rgba(255,255,255,.67) !important;
font-size:11px !important;
font-weight:750 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone strong{
color:#fff !important;
font-size:15px !important;
font-weight:900 !important;
white-space:nowrap !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-consult{
padding:0 18px !important;
color:#fff !important;
background:
linear-gradient(135deg,#756bff 0%,#8d73f1 54%,#bf77c9 100%) !important;
box-shadow:
0 14px 34px rgba(96,77,215,.28),
inset 0 1px 0 rgba(255,255,255,.20) !important;
font-size:14px !important;
font-weight:900 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-consult:hover{
transform:translateY(-2px) !important;
box-shadow:
0 18px 40px rgba(96,77,215,.34),
inset 0 1px 0 rgba(255,255,255,.24) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom{
min-height:58px !important;
padding-top:18px !important;
color:rgba(255,255,255,.50) !important;
border-top:1px solid rgba(255,255,255,.10) !important;
font-size:10.5px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom a{
color:rgba(255,255,255,.68) !important;
font-size:10.5px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom a:hover{
color:#fff !important;
}
html body #ttFinalFooter#ttFinalFooter :focus-visible{
outline:3px solid rgba(255,209,191,.82) !important;
outline-offset:4px !important;
}
}
@media(min-width:768px){
html body #ttFinalFooter#ttFinalFooter .ttff-main{
background:
linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.028)) !important;
background-image:
linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.028)) !important;
border-color:rgba(255,255,255,.13) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.10),
0 24px 66px rgba(15,18,41,.10) !important;
-webkit-backdrop-filter:blur(5px) saturate(1.04) !important;
backdrop-filter:blur(5px) saturate(1.04) !important;
}
html body #ttFinalFooter#ttFinalFooter::after{
background:
linear-gradient(118deg,transparent 0 24%,rgba(255,255,255,.032) 38%,transparent 52%) !important;
background-image:
linear-gradient(118deg,transparent 0 24%,rgba(255,255,255,.032) 38%,transparent 52%) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand p{
color:rgba(255,255,255,.90) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nap{
background:rgba(255,255,255,.078) !important;
border-color:rgba(255,255,255,.14) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nap strong{
color:rgba(255,255,255,.94) !important;
font-size:13.5px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-col h4{
color:#fff !important;
font-size:14.5px !important;
font-weight:950 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link{
min-height:45px !important;
color:rgba(255,255,255,.90) !important;
font-size:14.5px !important;
line-height:1.72 !important;
font-weight:720 !important;
border-bottom-color:rgba(255,255,255,.11) !important;
text-shadow:0 1px 0 rgba(0,0,0,.06) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link::before{
color:rgba(255,218,205,.88) !important;
opacity:.72 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone{
background:rgba(255,255,255,.09) !important;
border-color:rgba(255,255,255,.18) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone span{
color:rgba(255,255,255,.78) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom{
color:rgba(255,255,255,.62) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom a{
color:rgba(255,255,255,.78) !important;
}
}
@media(min-width:768px){
html body #ttFinalFooter#ttFinalFooter .ttff-main{
background:
linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008)) !important;
background-image:
linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008)) !important;
border-color:rgba(255,255,255,.05) !important;
border-radius:20px !important;
box-shadow:none !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3{
font-size:clamp(37px,2.7vw,45px) !important;
line-height:1.4 !important;
letter-spacing:-.85px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-col h4{
font-size:15.5px !important;
line-height:1.65 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link{
min-height:46px !important;
font-size:15.3px !important;
line-height:1.7 !important;
font-weight:740 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nav-grid{
gap:52px !important;
}
}
@media (min-width:1024px){
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell{
grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr) !important;
gap:15px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-authority{
padding:20px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-team{
padding:19px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media{
width:95% !important;
max-width:500px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media-inner,
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media-inner img{
height:328px !important;
max-height:328px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-body{
padding-top:16px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-body h3{
font-size:27px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-role{
font-size:11.5px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-team-grid{
gap:8px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-doctor{
padding:6px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-doctor-photo img{
max-height:232px !important;
}
}
html body #ttRouterApp#ttRouterApp .ttr-photo[data-v623-role="closeup"] img{
object-fit:cover !important;
object-position:50% 47% !important;
}
@media (min-width:768px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:235px !important;
left:48% !important;
right:auto !important;
width:min(50%,355px) !important;
min-width:300px !important;
height:205px !important;
overflow:visible !important;
opacity:.96 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
transform:
perspective(980px)
rotateX(17deg)
rotateY(-8deg)
rotateZ(-4.8deg)
translateZ(0) !important;
transform-origin:12% 18% !important;
transform-style:preserve-3d !important;
filter:
drop-shadow(0 15px 18px rgba(61,47,92,.12))
drop-shadow(0 4px 8px rgba(255,183,171,.10)) !important;
mix-blend-mode:multiply !important;
-webkit-mask-image:none !important;
mask-image:none !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note::before{
content:"" !important;
position:absolute !important;
z-index:0 !important;
inset:-22px -26px -18px -32px !important;
pointer-events:none !important;
background:
radial-gradient(ellipse 68% 48% at 48% 45%,rgba(255,250,247,.58),rgba(255,250,247,.18) 46%,transparent 78%),
radial-gradient(ellipse 44% 36% at 24% 72%,rgba(188,174,255,.15),transparent 76%),
radial-gradient(ellipse 38% 32% at 82% 22%,rgba(255,190,173,.14),transparent 78%) !important;
filter:blur(11px) !important;
opacity:.78 !important;
transform:translateZ(-12px) scale(1.04) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note::after{
content:"" !important;
position:absolute !important;
z-index:1 !important;
inset:10px 8px 18px -10px !important;
pointer-events:none !important;
background:linear-gradient(112deg,transparent 4%,rgba(255,255,255,.16) 38%,transparent 68%) !important;
filter:blur(5px) !important;
opacity:.50 !important;
transform:translateZ(-4px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-lines{
z-index:2 !important;
inset:7px -8px 12px -14px !important;
background:
repeating-linear-gradient(
180deg,
transparent 0 39px,
rgba(88,73,132,.085) 39px 40px
) !important;
opacity:.28 !important;
filter:blur(.35px) !important;
transform:translateZ(1px) !important;
-webkit-mask-image:radial-gradient(ellipse 98% 94% at 50% 48%,#000 38%,rgba(0,0,0,.62) 72%,transparent 100%) !important;
mask-image:radial-gradient(ellipse 98% 94% at 50% 48%,#000 38%,rgba(0,0,0,.62) 72%,transparent 100%) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy{
z-index:4 !important;
top:9px !important;
right:6px !important;
left:auto !important;
width:max-content !important;
max-width:100% !important;
transform:translateZ(18px) !important;
filter:blur(.08px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line{
color:rgba(34,29,43,.88) !important;
text-shadow:
0 .6px 1.1px rgba(38,28,65,.12),
0 4px 9px rgba(84,62,110,.045) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{
font-size:31px !important;
line-height:1.13 !important;
margin-right:0 !important;
opacity:.96 !important;
transform:rotate(.5deg) translateZ(4px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{
font-size:26px !important;
line-height:1.18 !important;
margin-top:13px !important;
margin-right:8px !important;
opacity:.86 !important;
transform:rotate(-.45deg) translateX(-5px) translateZ(2px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
display:none !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
z-index:6 !important;
right:38px !important;
left:auto !important;
bottom:7px !important;
width:max-content !important;
max-width:none !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:flex-start !important;
gap:0 !important;
direction:rtl !important;
transform:translateZ(24px) rotate(-.4deg) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-credit{
display:inline-block !important;
color:rgba(38,32,48,.72) !important;
font-family:"Digi Ravi Regular","Digi Ravi","TTDanstevis","IRDastNevis","IRDast Nevis",cursive !important;
font-size:18px !important;
line-height:1 !important;
font-weight:400 !important;
white-space:nowrap !important;
opacity:.82 !important;
transform:rotate(.7deg) translateY(-1px) !important;
text-shadow:0 .45px 1px rgba(46,34,65,.08) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
display:block !important;
width:86px !important;
min-width:86px !important;
height:auto !important;
margin-right:-17px !important;
margin-left:0 !important;
color:rgba(35,31,43,.52) !important;
opacity:.62 !important;
filter:grayscale(1) contrast(1.08) blur(.06px) !important;
transform:rotate(-7deg) translate(7px,5px) translateZ(8px) !important;
transform-origin:center !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-badge,
html body #tt-hh-final #ttHero#ttHero .tt-memory-name{
display:none !important;
}
}
@media (min-width:768px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
height:226px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{
font-size:31px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{
font-size:26px !important;
margin-top:12px !important;
margin-right:8px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
display:block !important;
font-size:24px !important;
line-height:1.16 !important;
margin-top:7px !important;
margin-right:34px !important;
opacity:.80 !important;
transform:rotate(.35deg) translateX(2px) translateZ(3px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
right:34px !important;
bottom:3px !important;
gap:0 !important;
align-items:center !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-credit{
font-size:18.5px !important;
opacity:.84 !important;
transform:rotate(.45deg) translateY(-2px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
width:96px !important;
min-width:96px !important;
margin-right:-19px !important;
opacity:.67 !important;
color:rgba(30,27,37,.56) !important;
filter:grayscale(1) contrast(1.12) blur(.04px) !important;
transform:rotate(-6.5deg) translate(8px,5px) translateZ(9px) !important;
}
}
@media (max-width:767px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
display:block !important;
}
}
@media (min-width:768px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
top:228px !important;
left:42% !important;
right:auto !important;
width:min(50%,355px) !important;
min-width:300px !important;
height:218px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy{
top:8px !important;
right:4px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{
font-size:31px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{
font-size:26px !important;
margin-top:10px !important;
margin-right:7px !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
display:block !important;
font-size:24px !important;
line-height:1.16 !important;
margin-top:6px !important;
margin-right:28px !important;
opacity:.82 !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
top:131px !important;
right:38px !important;
bottom:auto !important;
left:auto !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-start !important;
gap:3px !important;
direction:rtl !important;
width:max-content !important;
transform:translateZ(24px) rotate(-.35deg) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-credit{
font-size:18.5px !important;
line-height:1 !important;
transform:rotate(.35deg) translateY(0) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
width:90px !important;
min-width:90px !important;
margin:1px 19px 0 0 !important;
opacity:.64 !important;
color:rgba(30,27,37,.55) !important;
filter:grayscale(1) contrast(1.10) blur(.035px) !important;
transform:rotate(-5.8deg) translate(2px,1px) translateZ(8px) !important;
}
}
@media (min-width:768px){
html body #tt-hh-final #ttHero#ttHero .tt-memory-note{
transform:
perspective(860px)
rotateX(17deg)
rotateY(-8deg)
rotateZ(-4.8deg)
translateZ(0) !important;
transform-style:preserve-3d !important;
filter:
drop-shadow(0 18px 24px rgba(61,47,92,.15))
drop-shadow(0 6px 12px rgba(255,183,171,.12)) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note::before{
filter:blur(13px) !important;
opacity:.86 !important;
transform:translateZ(-22px) scale(1.055) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-note::after{
filter:blur(6px) !important;
opacity:.58 !important;
transform:translateZ(-10px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-lines{
transform:translateZ(2px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-copy{
transform:translateZ(28px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-1{
transform:rotate(.5deg) translateZ(10px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-2{
transform:rotate(-.45deg) translateX(-5px) translateZ(8px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-line-3{
transform:rotate(.35deg) translateX(2px) translateZ(9px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signoff{
transform:translateZ(36px) rotate(-.35deg) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-credit{
transform:rotate(.35deg) translateY(0) translateZ(7px) !important;
}
html body #tt-hh-final #ttHero#ttHero .tt-memory-signature{
transform:rotate(-5.8deg) translate(2px,1px) translateZ(16px) !important;
}
}
@media (min-width:768px){
html body #ttProof#ttProof.tt-v674-proof .ttp-intro{
margin-bottom:12px !important;
padding-bottom:8px !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-shell{
margin-top:0 !important;
padding:12px !important;
border-color:rgba(255,255,255,.34) !important;
background:rgba(255,255,255,.13) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.38),
0 18px 48px rgba(40,39,86,.035) !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-topbar{
display:none !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-stage{
padding-top:0 !important;
gap:16px !important;
height:560px !important;
min-height:560px !important;
align-items:stretch !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer,
html body #ttProof#ttProof.tt-v674-proof .ttp-story{
height:560px !important;
min-height:560px !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer{
padding:13px !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer-head{
min-height:38px !important;
margin-bottom:5px !important;
padding:2px 4px !important;
background:transparent !important;
border:0 !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer-title strong{
font-size:13px !important;
letter-spacing:-.1px !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer-hand{
opacity:.66 !important;
font-size:17px !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer > .ttp-controls{
position:relative !important;
z-index:8 !important;
width:100% !important;
margin:0 0 8px !important;
padding:4px !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:4px !important;
border:1px solid rgba(24,39,80,.075) !important;
border-radius:16px !important;
background:rgba(255,255,255,.40) !important;
box-shadow:
inset 0 1px 2px rgba(24,39,80,.025),
inset 0 1px 0 rgba(255,255,255,.58) !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer > .ttp-controls .ttp-control{
position:relative !important;
min-height:46px !important;
padding:6px 10px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:7px !important;
overflow:visible !important;
color:rgba(24,39,80,.61) !important;
border:1px solid transparent !important;
border-radius:12px !important;
background:transparent !important;
box-shadow:none !important;
cursor:pointer !important;
font-size:11.8px !important;
font-weight:790 !important;
transition:
color .18s ease,
background-color .18s ease,
border-color .18s ease,
box-shadow .18s ease,
transform .16s ease !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer > .ttp-controls .ttp-control::before{
content:none !important;
display:none !important;
background-image:none !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer > .ttp-controls .ttp-control-icon{
width:25px !important;
height:25px !important;
display:grid !important;
place-items:center !important;
flex:0 0 auto !important;
color:rgba(24,39,80,.46) !important;
border:1px solid rgba(24,39,80,.05) !important;
border-radius:9px !important;
background:rgba(255,255,255,.32) !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer > .ttp-controls .ttp-control-num{
display:none !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer > .ttp-controls .ttp-control[aria-selected="true"]{
color:#182750 !important;
border-color:color-mix(in srgb,var(--accent) 20%,rgba(24,39,80,.06)) !important;
background:#fffefa !important;
box-shadow:
0 1px 2px rgba(24,39,80,.045),
0 5px 13px rgba(24,39,80,.06),
inset 0 1px 0 rgba(255,255,255,.94) !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer > .ttp-controls .ttp-control[aria-selected="true"] .ttp-control-icon{
color:var(--accent) !important;
border-color:color-mix(in srgb,var(--accent) 16%,transparent) !important;
background:color-mix(in srgb,var(--accent) 9%,#fffefa) !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer > .ttp-controls .ttp-control[aria-selected="true"]::after{
content:"" !important;
position:absolute !important;
right:30% !important;
left:30% !important;
bottom:0 !important;
height:2px !important;
border-radius:999px 999px 0 0 !important;
background:var(--accent) !important;
opacity:.82 !important;
pointer-events:none !important;
}
@media (hover:hover){
html body #ttProof#ttProof.tt-v674-proof .ttp-viewer > .ttp-controls .ttp-control:not([aria-selected="true"]):hover{
color:#182750 !important;
border-color:rgba(24,39,80,.06) !important;
background:rgba(255,255,255,.46) !important;
transform:translateY(-1px) !important;
}
}
html body #ttProof#ttProof.tt-v674-proof .ttp-frame{
margin-top:0 !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-insight-block > .ttp-view-map{
display:none !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-insight-block{
min-height:0 !important;
padding-bottom:11px !important;
}
html body #ttProof#ttProof.tt-v674-proof .ttp-actions{
margin-top:10px !important;
}
}
@media (min-width:768px){
html body #ttRouterApp#ttRouterApp .ttr-container,
html body #ttProof#ttProof .ttp-container{
width:min(1360px,calc(100% - 80px)) !important;
max-width:none !important;
}
html body #ttRouterApp#ttRouterApp,
html body #ttProof#ttProof,
html body #ttCenterPositioning#ttCenterPositioning,
html body #ttDedicatedExperience#ttDedicatedExperience,
html body #ttTreatmentTeam#ttTreatmentTeam,
html body #ttLocalAccess#ttLocalAccess{
border-top:0 !important;
border-bottom:0 !important;
}
html body #ttProof#ttProof > .ttp-ambient-layer{
top:-82px !important;
bottom:-90px !important;
opacity:.88 !important;
}
html body #ttRouterApp#ttRouterApp .ttr-intro h2{
font-size:44px !important;
line-height:1.42 !important;
}
html body #ttProof#ttProof .ttp-intro h2{
font-size:42px !important;
line-height:1.42 !important;
}
html body #ttCenterPositioning#ttCenterPositioning h2,
html body #ttTreatmentTeam#ttTreatmentTeam h2{
font-size:44px !important;
line-height:1.42 !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience h2,
html body #ttLocalAccess#ttLocalAccess h2{
font-size:46px !important;
line-height:1.42 !important;
}
html body #ttHero#ttHero .tt-support,
html body #ttRouterApp#ttRouterApp .ttr-intro-text,
html body #ttProof#ttProof .ttp-intro-text,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-main-copy,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-lead,
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-intro-text,
html body #ttLocalAccess#ttLocalAccess .ttla-intro p{
line-height:1.92 !important;
}
html body #ttProof#ttProof{
margin-top:18px !important;
margin-bottom:14px !important;
padding-top:28px !important;
padding-bottom:56px !important;
}
html body #ttCenterPositioning#ttCenterPositioning{
padding-top:52px !important;
padding-bottom:38px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
padding-top:34px !important;
padding-bottom:74px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam{
padding-top:34px !important;
padding-bottom:44px !important;
}
html body #ttLocalAccess#ttLocalAccess{
padding-top:60px !important;
padding-bottom:72px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-stage{
min-height:0 !important;
height:auto !important;
}
html body #ttRouterApp#ttRouterApp .ttr-media{
min-height:0 !important;
height:auto !important;
}
html body #ttRouterApp#ttRouterApp .ttr-images{
height:auto !important;
gap:10px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main,
html body #ttRouterApp#ttRouterApp .ttr-photo.small,
html body #ttRouterApp#ttRouterApp .ttr-photo-stack{
height:410px !important;
min-height:410px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo img{
height:366px !important;
object-fit:cover !important;
}
html body #ttProof#ttProof .ttp-story-panel{
height:100% !important;
display:flex !important;
flex-direction:column !important;
}
html body #ttProof#ttProof .ttp-story-panel .ttp-actions{
margin-top:auto !important;
}
html body #ttRouterApp#ttRouterApp .ttr-shell,
html body #ttProof#ttProof .ttp-shell,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-shell,
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell,
html body #ttLocalAccess#ttLocalAccess .ttla-shell{
box-shadow:
0 18px 46px rgba(35,40,88,.042),
inset 0 1px 0 rgba(255,255,255,.46) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-authority-cta,
html body #ttLocalAccess#ttLocalAccess .ttla-btn{
font-size:12px !important;
}
}
@media (min-width:768px){
html body #ttProof#ttProof .ttp-story-panel[hidden]{display:none !important;}
}
@media (min-width:768px){
html body #ttProof#ttProof .ttp-story-panel[hidden]{
display:none !important;
}
html body #ttProof#ttProof .ttp-story-panel:not([hidden]){
display:flex !important;
flex-direction:column !important;
height:100% !important;
}
}
@media (min-width:768px){
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.main{
height:360px !important;
min-height:360px !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo-stack,
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.small{
height:280px !important;
min-height:280px !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo > img{
height:calc(100% - 44px) !important;
min-height:0 !important;
max-height:none !important;
object-fit:cover !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-images{
gap:10px !important;
height:auto !important;
min-height:0 !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-media,
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-content{
min-height:0 !important;
height:auto !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-stage{
min-height:0 !important;
height:auto !important;
align-items:stretch !important;
}
html body #ttProof#ttProof .ttp-story-panel:not([hidden]) .ttp-actions{
margin-top:14px !important;
}
}
@media (min-width:768px){
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-content{
grid-template-rows:auto !important;
align-content:start !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-panel:not([hidden]){
min-height:0 !important;
height:auto !important;
}
}
@media (min-width:768px){
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell{
align-items:start !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-team{
align-self:start !important;
height:auto !important;
min-height:0 !important;
}
}
@media (max-width:767px){
#ttHero .tt-hero-box{padding:8px 8px 12px!important}
#ttHero .tt-hero-grid{display:flex!important;flex-direction:column!important;gap:0!important;height:auto!important;min-height:0!important}
#ttHero .tt-copy-side{display:contents!important}
#ttHero .tt-kicker{order:1!important;width:auto!important;align-self:flex-end!important;margin:0 8px 6px!important;position:relative!important;inset:auto!important}
#ttHero h1{order:2!important;width:calc(100% - 16px)!important;max-width:none!important;margin:0 8px 12px!important;padding:0!important;font-size:31px!important;line-height:1.24!important;text-align:right!important;position:relative!important;inset:auto!important}
#ttHero .tt-visual-side{order:3!important;width:100%!important;height:222px!important;min-height:222px!important;margin:0 0 10px!important;position:relative!important}
#ttHero .tt-portrait-stage{height:222px!important;min-height:222px!important}
#ttHero .tt-person{width:258px!important;height:210px!important;max-width:none!important;left:-12px!important;right:auto!important;top:6px!important;bottom:auto!important;transform:none!important;object-fit:contain!important}
#ttHero .tt-memory-note{width:145px!important;right:8px!important;left:auto!important;top:58px!important;bottom:auto!important;transform:rotate(-2deg) scale(.92)!important;transform-origin:top right!important}
#ttHero .tt-location,#ttHero .tt-diff,#ttHero .tt-support,#ttHero .tt-mobile-actions{width:calc(100% - 16px)!important;max-width:none!important;position:relative!important;inset:auto!important;margin-inline:8px!important}
#ttHero .tt-location{order:4!important;margin-bottom:8px!important}
#ttHero .tt-diff{order:5!important;margin-bottom:8px!important}
#ttHero .tt-support{order:6!important;line-height:1.9!important}
#ttHero .tt-mobile-actions{order:7!important;margin-top:12px!important;gap:8px!important}
#ttRouterApp{padding-top:6px!important;padding-bottom:22px!important}
#ttRouterApp .ttr-stage{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important}
#ttRouterApp .ttr-content{order:1!important;width:100%!important;min-height:0!important;padding:0 8px!important}
#ttRouterApp .ttr-panel{width:100%!important;min-height:0!important;padding:18px 16px!important;border-radius:24px!important}
#ttRouterApp .ttr-panel h3{font-size:25px!important;line-height:1.48!important;margin-bottom:12px!important}
#ttRouterApp .ttr-lead{line-height:1.9!important;margin-bottom:12px!important}
#ttRouterApp .ttr-info{margin:12px 0!important;padding:12px!important}
#ttRouterApp .ttr-actions{gap:8px!important;margin-top:12px!important}
#ttRouterApp .ttr-media{order:2!important;width:100%!important;min-height:0!important;padding:12px!important;margin:0!important}
#ttRouterApp .ttr-images{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:10px!important;height:190px!important;min-height:190px!important;scroll-snap-type:x mandatory!important;padding:0 42px 4px 0!important;scrollbar-width:none!important}
#ttRouterApp .ttr-images::-webkit-scrollbar{display:none!important}
#ttRouterApp .ttr-photo{flex:0 0 82%!important;width:82%!important;max-width:82%!important;height:182px!important;min-height:182px!important;scroll-snap-align:start!important}
#ttRouterApp .ttr-photo img{width:100%!important;height:calc(100% - 34px)!important;object-fit:cover!important}
#ttRouterApp .ttr-sheet-close{min-width:44px!important;min-height:44px!important}
#ttProof{padding-top:14px!important;padding-bottom:34px!important}
#ttProof .ttp-controls{height:auto!important;min-height:0!important;padding:5px!important;gap:6px!important}
#ttProof .ttp-control{height:64px!important;min-height:64px!important;border-radius:16px!important}
#ttProof .ttp-viewer,#ttProof .ttp-story,#ttProof .ttp-story-panel{height:auto!important;min-height:0!important}
#ttProof .ttp-frame{height:390px!important;min-height:390px!important}
#ttProof .ttp-frame img{width:100%!important;height:100%!important;object-fit:cover!important}
#ttProof .ttp-view-map{display:none!important;height:0!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}
#ttProof .ttp-next{min-height:50px!important}
#ttCenterPositioning{padding-top:32px!important;padding-bottom:24px!important}
#ttCenterPositioning .ttcp-v639-gallery{display:flex!important;gap:10px!important;height:228px!important;min-height:228px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:0 42px 4px 2px!important;scrollbar-width:none!important}
#ttCenterPositioning .ttcp-v639-gallery::-webkit-scrollbar{display:none!important}
#ttCenterPositioning .ttcp-v639-photo{flex:0 0 82%!important;width:82%!important;max-width:82%!important;height:220px!important;min-height:220px!important;scroll-snap-align:start!important}
#ttCenterPositioning .ttcp-v639-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
#ttTreatmentTeam{padding-top:16px!important;padding-bottom:22px!important}
#ttTreatmentTeam .tttm-team{height:auto!important;min-height:0!important}
#ttTreatmentTeam .tttm-team-grid{display:flex!important;gap:10px!important;height:auto!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:0 42px 6px 0!important;scrollbar-width:none!important}
#ttTreatmentTeam .tttm-team-grid::-webkit-scrollbar{display:none!important}
#ttTreatmentTeam .tttm-doctor{flex:0 0 82%!important;width:82%!important;max-width:82%!important;min-width:82%!important;min-height:112px!important;scroll-snap-align:start!important}
#ttLocalAccess{padding-top:24px!important;padding-bottom:38px!important}
#ttLocalAccess .ttla-btn{min-height:48px!important}
#ttLocalAccess .ttla-copy-address,#ttLocalAccess .ttla-open-map{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding-block:8px!important}
.tt-header-inner .tt-brand,.tt-header-inner #ttMenuButton{min-height:44px!important;display:inline-flex!important;align-items:center!important}
.tt-header-inner #ttMenuButton{min-width:44px!important;justify-content:center!important}
.ttff-links .ttff-link,.ttff-bottom-links a{min-height:44px!important;min-width:44px!important;display:inline-flex!important;align-items:center!important;padding-block:10px!important}
}
@media (max-width:767px){
html body #tt-hh-final #ttHero#ttHero .tt-hero-grid{display:flex!important;flex-direction:column!important;gap:0!important;height:auto!important;min-height:0!important;overflow:visible!important}
html body #tt-hh-final #ttHero#ttHero .tt-copy-side{display:contents!important}
html body #tt-hh-final #ttHero#ttHero .tt-kicker{order:1!important;width:auto!important;align-self:flex-end!important;margin:0 8px 6px!important;position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important}
html body #tt-hh-final #ttHero#ttHero h1{order:2!important;width:calc(100% - 16px)!important;max-width:none!important;margin:0 8px 12px!important;padding:0!important;font-size:31px!important;line-height:1.24!important;text-align:right!important;position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;align-self:auto!important;justify-self:auto!important}
html body #tt-hh-final #ttHero#ttHero .tt-visual-side{order:3!important;width:100%!important;height:222px!important;min-height:222px!important;margin:0 0 10px!important;position:relative!important;grid-column:auto!important;grid-row:auto!important;overflow:visible!important}
html body #tt-hh-final #ttHero#ttHero .tt-portrait-stage{height:222px!important;min-height:222px!important}
html body #tt-hh-final #ttHero#ttHero .tt-location{order:4!important;grid-column:auto!important;grid-row:auto!important;width:calc(100% - 16px)!important;margin:0 8px 8px!important;position:relative!important;inset:auto!important}
html body #tt-hh-final #ttHero#ttHero .tt-diff{order:5!important;grid-column:auto!important;grid-row:auto!important;width:calc(100% - 16px)!important;margin:0 8px 8px!important;position:relative!important;inset:auto!important}
html body #tt-hh-final #ttHero#ttHero .tt-support{order:6!important;grid-column:auto!important;grid-row:auto!important;width:calc(100% - 16px)!important;margin:0 8px!important;position:relative!important;inset:auto!important;line-height:1.9!important}
html body #tt-hh-final #ttHero#ttHero .tt-mobile-actions{order:7!important;grid-column:auto!important;grid-row:auto!important;width:calc(100% - 16px)!important;margin:12px 8px 0!important;position:relative!important;inset:auto!important;gap:8px!important}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-stage{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important;height:auto!important}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-content{display:block!important;order:1!important;width:100%!important;min-height:0!important;height:auto!important;padding:0 8px!important;grid-template-rows:auto!important;align-content:start!important}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-panel:not([hidden]){display:flex!important;flex-direction:column!important;width:100%!important;min-height:0!important;height:auto!important;opacity:1!important}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-panel[hidden]{display:none!important}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-media{display:block!important;order:2!important;width:100%!important;min-height:0!important;height:auto!important;padding:12px!important;margin:0!important}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-images{display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;overflow-x:auto!important;overflow-y:hidden!important;gap:10px!important;height:190px!important;min-height:190px!important;scroll-snap-type:x mandatory!important;padding:0 42px 4px 0!important;scrollbar-width:none!important}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-images .ttr-photo{display:flex!important;flex:0 0 82%!important;width:82%!important;max-width:82%!important;height:182px!important;min-height:182px!important;scroll-snap-align:start!important}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-images .ttr-photo>img{height:calc(100% - 34px)!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
html body #ttProof#ttProof#ttProof .ttp-controls{height:auto!important;min-height:0!important;padding:5px!important;gap:6px!important}
html body #ttProof#ttProof#ttProof .ttp-control{height:64px!important;min-height:64px!important}
html body #ttProof#ttProof#ttProof .ttp-viewer{height:auto!important;min-height:0!important}
html body #ttProof#ttProof#ttProof .ttp-frame{height:390px!important;min-height:390px!important}
html body #ttProof#ttProof#ttProof .ttp-story,
html body #ttProof#ttProof#ttProof .ttp-story-panel:not([hidden]){height:auto!important;min-height:0!important}
html body #ttProof#ttProof#ttProof .ttp-story-panel[hidden]{display:none!important}
html body #ttProof#ttProof#ttProof .ttp-view-map{display:none!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-gallery{display:flex!important;grid-template-columns:none!important;gap:10px!important;height:228px!important;min-height:228px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:0 42px 4px 2px!important;scrollbar-width:none!important}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo{flex:0 0 82%!important;width:82%!important;max-width:82%!important;height:220px!important;min-height:220px!important;scroll-snap-align:start!important}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-team-grid{display:flex!important;grid-template-columns:none!important;gap:10px!important;height:auto!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:0 42px 6px 0!important;scrollbar-width:none!important}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-doctor{flex:0 0 82%!important;width:82%!important;max-width:82%!important;min-width:82%!important;min-height:112px!important;scroll-snap-align:start!important}
}
@media (max-width:767px){
html body #ttProof#ttProof#ttProof .ttp-intro{
margin-bottom:8px !important;
padding-bottom:6px !important;
}
html body #ttProof#ttProof#ttProof .ttp-shell{
margin-top:0 !important;
padding:8px !important;
}
html body #ttProof#ttProof#ttProof .ttp-topbar{
display:none !important;
}
html body #ttProof#ttProof#ttProof .ttp-stage{
padding-top:0 !important;
gap:10px !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer{
padding:8px !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer-head{
min-height:34px !important;
margin-bottom:4px !important;
padding:2px 3px !important;
background:transparent !important;
border:0 !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer > .ttp-controls{
position:relative !important;
z-index:8 !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
margin:0 0 7px !important;
padding:4px !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:3px !important;
border:1px solid rgba(24,39,80,.075) !important;
border-radius:14px !important;
background:rgba(255,255,255,.42) !important;
box-shadow:
inset 0 1px 2px rgba(24,39,80,.025),
inset 0 1px 0 rgba(255,255,255,.62) !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer > .ttp-controls::before{
content:none !important;
display:none !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer > .ttp-controls .ttp-control{
position:relative !important;
height:44px !important;
min-height:44px !important;
padding:4px 5px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:4px !important;
overflow:visible !important;
color:rgba(24,39,80,.61) !important;
border:1px solid transparent !important;
border-radius:11px !important;
background:transparent !important;
box-shadow:none !important;
font-size:10.5px !important;
font-weight:790 !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer > .ttp-controls .ttp-control::before{
content:none !important;
display:none !important;
background-image:none !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer > .ttp-controls .ttp-control-icon{
width:22px !important;
height:22px !important;
display:grid !important;
place-items:center !important;
flex:0 0 auto !important;
color:rgba(24,39,80,.46) !important;
border:1px solid rgba(24,39,80,.05) !important;
border-radius:8px !important;
background:rgba(255,255,255,.34) !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer > .ttp-controls .ttp-control-num{
display:none !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer > .ttp-controls .ttp-control[aria-selected="true"]{
color:#182750 !important;
border-color:color-mix(in srgb,var(--accent) 20%,rgba(24,39,80,.06)) !important;
background:#fffefa !important;
box-shadow:
0 1px 2px rgba(24,39,80,.04),
0 4px 11px rgba(24,39,80,.055),
inset 0 1px 0 rgba(255,255,255,.94) !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer > .ttp-controls .ttp-control[aria-selected="true"] .ttp-control-icon{
color:var(--accent) !important;
border-color:color-mix(in srgb,var(--accent) 16%,transparent) !important;
background:color-mix(in srgb,var(--accent) 9%,#fffefa) !important;
}
html body #ttProof#ttProof#ttProof .ttp-viewer > .ttp-controls .ttp-control[aria-selected="true"]::after{
content:"" !important;
position:absolute !important;
right:28% !important;
left:28% !important;
bottom:0 !important;
height:2px !important;
border-radius:999px 999px 0 0 !important;
background:var(--accent) !important;
opacity:.82 !important;
pointer-events:none !important;
}
html body #ttProof#ttProof#ttProof .ttp-frame{
margin-top:0 !important;
}
html body #ttProof#ttProof#ttProof .ttp-insight-block > .ttp-view-map{
display:none !important;
}
}
@media (max-width:767px){
html body{
background:
radial-gradient(circle at 12% 8%,rgba(132,124,246,.055),transparent 24%),
radial-gradient(circle at 88% 18%,rgba(255,209,191,.07),transparent 28%),
#fffaf7 !important;
}
html body #ttHero#ttHero{
background:
radial-gradient(circle at 88% 12%,rgba(255,203,184,.18),transparent 30%),
radial-gradient(circle at 9% 74%,rgba(132,124,246,.105),transparent 29%),
linear-gradient(180deg,rgba(255,250,247,.16),rgba(255,255,255,0)) !important;
}
html body #ttRouterApp#ttRouterApp{
background:
radial-gradient(circle at 89% 10%,rgba(238,184,157,.16),transparent 28%),
radial-gradient(circle at 8% 64%,rgba(132,124,246,.10),transparent 31%),
linear-gradient(180deg,rgba(255,248,244,.22),rgba(255,255,255,0)) !important;
}
html body #ttProof#ttProof{
background:
radial-gradient(circle at 12% 18%,rgba(132,124,246,.09),transparent 28%),
radial-gradient(circle at 89% 72%,rgba(116,170,155,.105),transparent 31%),
linear-gradient(180deg,rgba(239,244,255,.66),rgba(242,250,247,.30) 46%,rgba(255,250,247,0)) !important;
}
html body #ttCenterPositioning#ttCenterPositioning{
background:
radial-gradient(circle at 90% 20%,rgba(255,209,191,.20),transparent 29%),
radial-gradient(circle at 11% 78%,rgba(132,124,246,.085),transparent 31%),
linear-gradient(180deg,rgba(255,249,245,.32),rgba(255,255,255,0)) !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
background:
radial-gradient(circle at 84% 18%,rgba(201,109,88,.09),transparent 29%),
radial-gradient(circle at 13% 72%,rgba(132,124,246,.09),transparent 32%),
linear-gradient(180deg,rgba(255,248,244,.27),rgba(255,255,255,0)) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam{
background:
radial-gradient(circle at 82% 14%,rgba(255,221,207,.29),transparent 30%),
radial-gradient(circle at 18% 72%,rgba(221,239,232,.23),transparent 31%),
linear-gradient(180deg,rgba(255,250,247,.42),rgba(255,253,251,.10)) !important;
}
html body #ttLocalAccess#ttLocalAccess{
background:
radial-gradient(circle at 88% 18%,rgba(255,209,191,.19),transparent 29%),
radial-gradient(circle at 9% 80%,rgba(132,124,246,.075),transparent 31%),
linear-gradient(180deg,rgba(255,249,246,.30),rgba(255,255,255,0)) !important;
}
html body #ttHero#ttHero .tt-hero-box,
html body #ttRouterApp#ttRouterApp .ttr-shell,
html body #ttProof#ttProof .ttp-shell,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-shell,
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell,
html body #ttLocalAccess#ttLocalAccess .ttla-shell{
border-color:rgba(91,86,170,.10) !important;
background:
linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,250,247,.08)) !important;
box-shadow:
0 16px 40px rgba(24,39,80,.045),
inset 0 1px 0 rgba(255,255,255,.72) !important;
-webkit-backdrop-filter:blur(10px) saturate(1.03) !important;
backdrop-filter:blur(10px) saturate(1.03) !important;
}
html body #ttProof#ttProof .ttp-shell{
border-color:rgba(84,130,130,.13) !important;
background:
linear-gradient(145deg,rgba(255,255,255,.24),rgba(244,251,249,.10)) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell,
html body #ttLocalAccess#ttLocalAccess .ttla-shell{
border-color:rgba(218,187,173,.26) !important;
background:
linear-gradient(145deg,rgba(255,253,250,.23),rgba(255,247,243,.09)) !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-shell{
border-color:rgba(201,109,88,.12) !important;
background:
linear-gradient(145deg,rgba(255,253,251,.25),rgba(255,247,244,.10)) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell{
border-color:rgba(218,187,173,.26) !important;
background:
linear-gradient(145deg,rgba(255,249,246,.21),rgba(248,253,250,.12)) !important;
}
html body #ttRouterApp#ttRouterApp,
html body #ttProof#ttProof,
html body #ttCenterPositioning#ttCenterPositioning,
html body #ttDedicatedExperience#ttDedicatedExperience,
html body #ttTreatmentTeam#ttTreatmentTeam,
html body #ttLocalAccess#ttLocalAccess{
position:relative !important;
}
html body #ttRouterApp#ttRouterApp::before,
html body #ttProof#ttProof::before,
html body #ttCenterPositioning#ttCenterPositioning::before,
html body #ttDedicatedExperience#ttDedicatedExperience::before,
html body #ttTreatmentTeam#ttTreatmentTeam::before,
html body #ttLocalAccess#ttLocalAccess::before{
content:"" !important;
position:absolute !important;
top:0 !important;
right:10% !important;
width:28% !important;
height:2px !important;
border-radius:999px !important;
background:linear-gradient(90deg,rgba(132,124,246,.55),rgba(255,209,191,.42),transparent) !important;
opacity:.72 !important;
pointer-events:none !important;
z-index:2 !important;
}
html body #ttFinalFooter#ttFinalFooter{
--ff-dark:#111b36;
--ff-dark-2:#18264a;
--ff-white:#ffffff;
--ff-muted:rgba(255,255,255,.66);
--ff-muted-2:rgba(255,255,255,.43);
--ff-sage:#74aa9b;
--ff-peach:#ffd1bf;
--ff-iris:#847cf6;
padding:10px 0 12px !important;
color:#fff !important;
background:
radial-gradient(circle at 90% 10%,rgba(132,124,246,.17),transparent 29%),
radial-gradient(circle at 7% 92%,rgba(116,170,155,.12),transparent 30%),
radial-gradient(circle at 45% 100%,rgba(255,209,191,.06),transparent 25%),
repeating-linear-gradient(135deg,transparent 0,transparent 21px,rgba(255,255,255,.012) 21px,rgba(255,255,255,.012) 22px),
linear-gradient(145deg,#111b36,#18264a) !important;
background-image:
radial-gradient(circle at 90% 10%,rgba(132,124,246,.17),transparent 29%),
radial-gradient(circle at 7% 92%,rgba(116,170,155,.12),transparent 30%),
radial-gradient(circle at 45% 100%,rgba(255,209,191,.06),transparent 25%),
repeating-linear-gradient(135deg,transparent 0,transparent 21px,rgba(255,255,255,.012) 21px,rgba(255,255,255,.012) 22px),
linear-gradient(145deg,#111b36,#18264a) !important;
}
html body #ttFinalFooter#ttFinalFooter::before{
background:linear-gradient(90deg,transparent,rgba(255,209,191,.46),rgba(132,124,246,.45),rgba(116,170,155,.36),transparent) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-container{
width:calc(100% - 16px) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main{
padding:20px 17px 18px !important;
gap:18px !important;
border:1px solid rgba(255,255,255,.085) !important;
border-radius:22px !important;
background:
linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.022)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 18px 46px rgba(4,9,25,.14) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main::before{
right:28px !important;
width:104px !important;
height:3px !important;
background:linear-gradient(90deg,#ffd1bf,#847cf6,#74aa9b) !important;
opacity:.82 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3,
html body #ttFinalFooter#ttFinalFooter .ttff-col h4,
html body #ttFinalFooter#ttFinalFooter .ttff-phone,
html body #ttFinalFooter#ttFinalFooter .ttff-bottom,
html body #ttFinalFooter#ttFinalFooter .ttff-bottom a{
color:#fff !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3{
font-size:20px !important;
line-height:1.55 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand p,
html body #ttFinalFooter#ttFinalFooter .ttff-link,
html body #ttFinalFooter#ttFinalFooter .ttff-bottom{
color:rgba(255,255,255,.64) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand p{
font-size:10px !important;
line-height:1.9 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nav-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:16px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-col h4{
font-size:10px !important;
margin-bottom:9px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link{
font-size:9px !important;
line-height:1.75 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link::before{
background:rgba(116,170,155,.68) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nap,
html body #ttFinalFooter#ttFinalFooter .ttff-brand-script{
color:rgba(255,255,255,.70) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-contact{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:8px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone{
min-height:48px !important;
border-color:rgba(255,255,255,.10) !important;
background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
font-size:9px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone strong{
color:#fff !important;
font-size:10px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-consult{
display:flex !important;
min-height:48px !important;
color:#111b36 !important;
background:linear-gradient(145deg,#fff,#fff9f6) !important;
font-size:9px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom{
padding:12px 3px 1px !important;
font-size:7.4px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom a{
color:rgba(255,255,255,.52) !important;
}
}
@media (max-width:370px){
html body #ttFinalFooter#ttFinalFooter .ttff-contact{
grid-template-columns:1fr !important;
}
}
@media (max-width:767px){
html body #ttFinalFooter#ttFinalFooter::after{
content:none !important;
display:none !important;
background:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand,
html body #ttFinalFooter#ttFinalFooter .ttff-nav-grid,
html body #ttFinalFooter#ttFinalFooter .ttff-col{
background:transparent !important;
background-color:transparent !important;
box-shadow:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-mark small{
color:rgba(255,255,255,.38) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-script{
background:linear-gradient(90deg,rgba(132,124,246,.14),rgba(132,124,246,.025)) !important;
color:rgba(221,216,255,.88) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nap{
border-color:rgba(255,255,255,.08) !important;
background:rgba(255,255,255,.035) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nap-label{
color:rgba(255,255,255,.40) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nap strong{
color:rgba(255,255,255,.72) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-separator{
background:rgba(255,255,255,.24) !important;
}
}
@media(max-width:767px){
html body #ttFinalFooter#ttFinalFooter::after{
content:none !important;
display:none !important;
background:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand,
html body #ttFinalFooter#ttFinalFooter .ttff-nav-grid,
html body #ttFinalFooter#ttFinalFooter .ttff-main > .ttff-col:last-child{
background:transparent !important;
background-image:none !important;
border-color:transparent !important;
box-shadow:none !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-mark small,
html body #ttFinalFooter#ttFinalFooter .ttff-brand-micro,
html body #ttFinalFooter#ttFinalFooter .ttff-bottom,
html body #ttFinalFooter#ttFinalFooter .ttff-bottom a{
color:rgba(255,255,255,.43) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand p,
html body #ttFinalFooter#ttFinalFooter .ttff-link{
color:rgba(255,255,255,.66) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-col h4,
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3{
color:#fff !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-script{
color:rgba(221,216,255,.86) !important;
background:linear-gradient(90deg,rgba(132,124,246,.16),rgba(132,124,246,.02)) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link::before{
background:rgba(116,170,155,.68) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main::before{
background:linear-gradient(90deg,#ffd1bf,#847cf6,#74aa9b) !important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile{background:radial-gradient(ellipse at 1% 42%,rgba(210,195,249,.54),transparent 62%),radial-gradient(ellipse at 102% 4%,rgba(255,212,191,.49),transparent 51%),#fffaf7!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-hero-box{padding-top:12px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{order:3!important;display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 12px!important;padding:0 8px!important;position:relative!important;inset:auto!important;transform:none!important;overflow:visible!important;isolation:isolate!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{width:94%!important;max-width:none!important;margin:0 0 0 auto!important;padding:2px 5px 0!important;direction:rtl!important;position:relative!important;z-index:3!important;background:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;width:fit-content!important;min-height:22px!important;margin:0 0 6px auto!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;font-size:10.5px!important;line-height:1.6!important;color:#936657!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{position:relative!important;inset:auto!important;transform:none!important;display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;font-family:Estedad,Vazirmatn,Tahoma,sans-serif!important;font-size:clamp(31px,9.2vw,40px)!important;line-height:1.28!important;font-weight:900!important;letter-spacing:0!important;text-align:right!important;direction:rtl!important;color:#182750!important;text-shadow:none!important;word-break:normal!important;overflow-wrap:normal!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1::before,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1::after{content:none!important;display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{display:block!important;white-space:nowrap!important;color:#182750!important;-webkit-text-fill-color:#182750!important;background:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge{display:block!important;font-size:.63em!important;font-weight:650!important;line-height:1.55!important;color:#545073!important;margin-top:5px!important;white-space:nowrap!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{display:block!important;font-size:1.07em!important;font-weight:900!important;line-height:1.32!important;color:#6754d5!important;white-space:nowrap!important;width:fit-content!important;margin:0 0 0 auto!important;padding-bottom:9px!important;position:relative!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus::after{content:''!important;position:absolute!important;right:1px!important;bottom:0!important;width:52%!important;height:3px!important;border-radius:4px!important;background:linear-gradient(90deg,#a08aed,#e8ad96)!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{display:grid!important;grid-template-columns:minmax(0,55fr) minmax(0,45fr)!important;align-items:end!important;gap:0!important;position:relative!important;isolation:isolate!important;direction:ltr!important;width:100%!important;margin:-32px 0 0!important;padding:0 5px 10px 0!important;min-height:clamp(200px,57vw,240px)!important;border:0!important;border-radius:26px!important;background:none!important;overflow:visible!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human::before{content:''!important;position:absolute!important;inset:38px 0 0!important;border-radius:28px 26px 26px 26px!important;background:linear-gradient(125deg,#d9cdf7 0%,#e8d9f7 46%,#f7dfe6 73%,#ffe0d0 100%)!important;border:1px solid rgba(160,133,204,.17)!important;box-shadow:0 9px 25px rgba(94,66,151,.065),inset 0 1px 0 rgba(255,255,255,.65)!important;pointer-events:none!important;z-index:-1!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage{grid-column:1!important;grid-row:1!important;position:relative!important;inset:auto!important;direction:ltr!important;width:100%!important;height:clamp(200px,57vw,240px)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;transform:none!important;border:0!important;border-radius:0 0 14px 25px!important;background:transparent!important;box-shadow:none!important;z-index:2!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage::before,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage::after,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage>:not(.tt-person){display:none!important;content:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{display:block!important;position:absolute!important;inset:auto!important;left:-32px!important;right:auto!important;top:auto!important;bottom:0!important;width:calc(100% + 98px)!important;height:auto!important;min-width:0!important;max-width:none!important;transform:none!important;object-fit:contain!important;object-position:left bottom!important;opacity:1!important;visibility:visible!important;filter:none!important;clip-path:none!important;mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal!important;z-index:1!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;left:auto!important;top:auto!important;bottom:auto!important;right:auto!important;transform:none!important;transform-origin:center!important;display:block!important;direction:rtl!important;align-self:end!important;width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;margin:0 0 8px!important;padding:0 9px 0 3px!important;opacity:1!important;overflow:visible!important;z-index:3!important;background:none!important;box-shadow:none!important;filter:none!important;perspective:none!important;pointer-events:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note::before,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note::after{display:none!important;content:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-copy{display:block!important;position:relative!important;inset:auto!important;transform:rotate(-2deg)!important;transform-origin:center!important;margin:0!important;padding:0!important;width:100%!important;text-align:right!important;opacity:1!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line{display:block!important;position:relative!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;font-family:'IRDast Nevis',IRDastNevis,'Digi Ravi Regular','Digi Ravi',TTDanstevis,cursive!important;font-weight:400!important;font-style:normal!important;font-size:clamp(18px,5.3vw,22.5px)!important;line-height:1.56!important;letter-spacing:0!important;white-space:nowrap!important;color:#4d3c62!important;opacity:1!important;text-shadow:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-1{font-size:clamp(22px,6.2vw,26px)!important;color:#45335d!important;margin-bottom:2px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-lines{display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-signoff{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:0!important;margin:7px 0 0!important;padding:0!important;gap:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-credit{display:block!important;position:relative!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;font-family:'IRDast Nevis',IRDastNevis,'Digi Ravi Regular','Digi Ravi',TTDanstevis,cursive!important;font-weight:400!important;font-size:clamp(15.5px,4.4vw,19px)!important;line-height:1.5!important;color:#79618f!important;white-space:nowrap!important;width:auto!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-signature{display:block!important;position:relative!important;inset:auto!important;width:72px!important;height:27px!important;margin:0 0 0 auto!important;transform:rotate(-4deg)!important;color:#7d6a91!important;opacity:.7!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-badge,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-name,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-patient-badge{display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-location{min-height:40px!important;margin-top:0!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;font-size:11px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-diff{font-size:15px!important;line-height:1.8!important;background:transparent!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-support{font-size:13px!important;line-height:1.95!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
}
@media(max-width:370px){html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{padding-inline:5px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{grid-template-columns:minmax(0,53fr) minmax(0,47fr)!important;margin-top:-28px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{width:calc(100% + 102px)!important;left:-34px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{padding-right:7px!important;padding-left:1px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line{font-size:18px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-1{font-size:22px!important}}
@media(min-width:540px) and (max-width:767px){html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{max-width:540px!important;align-self:center!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{max-width:370px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{width:calc(100% + 60px)!important;left:-15px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{padding-right:18px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line{font-size:25px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-1{font-size:28px!important}}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(342px,auto)!important;min-height:342px!important;gap:0!important;padding:12px 9px 8px!important;border:1px solid rgba(169,144,208,.14)!important;border-radius:26px!important;background:linear-gradient(125deg,rgba(230,219,249,.66),rgba(255,247,242,.55) 59%,rgba(255,231,216,.7))!important;overflow:hidden!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side::before,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side::after{content:none!important;display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{grid-area:1/1!important;align-self:start!important;justify-self:end!important;width:63%!important;padding:2px 2px 0 0!important;margin:0!important;z-index:5!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{font-size:10px!important;margin-bottom:8px!important;min-height:20px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{font-size:clamp(29px,8.05vw,35px)!important;line-height:1.32!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{color:#182750!important;-webkit-text-fill-color:#182750!important;font-weight:900!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge{font-size:.68em!important;line-height:1.42!important;margin-top:4px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{font-size:1.14em!important;line-height:1.36!important;padding-bottom:8px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{grid-area:1/1!important;align-self:stretch!important;min-height:342px!important;height:100%!important;width:100%!important;grid-template-columns:minmax(0,55fr) minmax(0,45fr)!important;margin:0!important;padding:0!important;z-index:2!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human::before{inset:83px -9px -8px!important;border:0!important;border-radius:45px 140px 26px 26px!important;box-shadow:none!important;background:linear-gradient(116deg,#d9cbf7 0%,#e4d2f6 47%,#f5d8e8 75%,#ffdecf)!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage{align-self:start!important;margin:62px 0 0!important;height:264px!important;max-height:none!important;border-radius:0 0 20px 18px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{width:calc(100% + 144px)!important;left:-43px!important;bottom:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{align-self:end!important;margin:0 0 7px!important;padding:0 4px 0 7px!important;z-index:4!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line{font-size:clamp(18px,5.07vw,22px)!important;line-height:1.49!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-1{font-size:clamp(22px,6vw,25px)!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-credit{font-size:clamp(15.5px,4.3vw,18.5px)!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-signature{height:25px!important}
}
@media(max-width:370px){html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{padding-inline:7px!important;grid-template-rows:minmax(325px,auto)!important;min-height:325px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{min-height:325px!important;grid-template-columns:minmax(0,53fr) minmax(0,47fr)!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage{height:245px!important;margin-top:60px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{width:calc(100% + 148px)!important;left:-42px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{padding-right:3px!important;padding-left:7px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line{font-size:18px!important}}
@media(min-width:420px) and (max-width:539px){html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{grid-template-rows:minmax(360px,auto)!important;min-height:360px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{min-height:360px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage{height:281px!important;margin-top:61px!important}}
@media(min-width:540px) and (max-width:767px){html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{max-width:540px!important;grid-template-rows:minmax(385px,auto)!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{min-height:385px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage{height:308px!important;margin-top:45px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{width:calc(100% + 80px)!important;left:-25px!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{font-size:40px!important}}
@media(max-width:767px){html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{direction:ltr!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{direction:rtl!important}}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{
grid-template-rows:minmax(358px,auto)!important;
min-height:358px!important;
padding:14px 10px 10px!important;
border-radius:28px!important;
background:linear-gradient(127deg,rgba(231,221,249,.78),rgba(255,247,243,.62) 56%,rgba(255,230,216,.78))!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{
width:61.5%!important;
padding:6px 2px 0 0!important;
z-index:6!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{
margin-bottom:10px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{
font-size:clamp(27.5px,7.5vw,34px)!important;
line-height:1.16!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{
display:block!important;
white-space:normal!important;
margin:0 0 3px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge{
display:inline!important;
margin:0 0 0 4px!important;
font-size:.62em!important;
line-height:1.22!important;
color:#5a5878!important;
font-weight:800!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{
display:inline!important;
font-size:1.02em!important;
line-height:1.2!important;
color:#6d60ef!important;
font-weight:900!important;
padding-bottom:0!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{
min-height:358px!important;
grid-template-columns:minmax(0,57fr) minmax(0,43fr)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human::before{
inset:92px -10px -10px!important;
border-radius:54px 152px 28px 28px!important;
background:linear-gradient(118deg,#d9cbf7 0%,#e4d2f6 43%,#f5d8e8 71%,#ffdfd2 100%)!important;
box-shadow:0 18px 32px rgba(95,69,151,.07), inset 0 1px 0 rgba(255,255,255,.52)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage{
margin:78px 0 0!important;
height:286px!important;
border-radius:0 0 24px 20px!important;
overflow:visible!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{
width:calc(100% + 180px)!important;
left:-58px!important;
bottom:-2px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{
align-self:end!important;
margin:0 0 16px!important;
padding:12px 6px 8px 10px!important;
z-index:3!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note::before{
content:''!important;
display:block!important;
position:absolute!important;
inset:2px -8px -14px -9px!important;
border-radius:18px 22px 24px 18px!important;
background:linear-gradient(140deg,rgba(255,247,244,.28),rgba(247,230,245,.22) 48%,rgba(255,233,223,.24))!important;
filter:blur(11px)!important;
opacity:.92!important;
transform:translate3d(-6px,10px,0) rotate(-3.1deg)!important;
z-index:-2!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note::after{
content:''!important;
display:block!important;
position:absolute!important;
inset:-2px -1px -1px -1px!important;
border-radius:14px 18px 18px 14px!important;
background:repeating-linear-gradient(to bottom,rgba(128,100,164,.10) 0 1px,transparent 1px 24px)!important;
opacity:.45!important;
filter:blur(.35px)!important;
transform:rotate(-2.1deg)!important;
z-index:-1!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-copy{
transform:rotate(-2.25deg) translateY(10px)!important;
opacity:.95!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line{
font-size:clamp(17.5px,4.85vw,21.25px)!important;
line-height:1.48!important;
color:#55426a!important;
text-shadow:0 1px 0 rgba(255,255,255,.22)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-1{
font-size:clamp(21px,5.7vw,24px)!important;
color:#49365d!important;
margin-bottom:1px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-credit{
font-size:clamp(15px,4.1vw,17.4px)!important;
color:#7a638e!important;
opacity:.9!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-signature{
height:24px!important;
opacity:.58!important;
filter:blur(.18px)!important;
}
}
@media(max-width:370px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{grid-template-rows:minmax(336px,auto)!important;min-height:336px!important;padding-inline:7px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{width:62.5%!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{font-size:28px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{min-height:336px!important;grid-template-columns:minmax(0,58fr) minmax(0,42fr)!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage{height:258px!important;margin-top:74px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{width:calc(100% + 170px)!important;left:-55px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{margin-bottom:12px!important;padding-right:4px!important;padding-left:8px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line{font-size:17.25px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-1{font-size:20px!important}
}
@media(min-width:420px) and (max-width:539px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{grid-template-rows:minmax(376px,auto)!important;min-height:376px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{min-height:376px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage{height:299px!important;margin-top:80px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{width:calc(100% + 162px)!important;left:-46px!important}
}
@media(min-width:540px) and (max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{max-width:540px!important;grid-template-rows:minmax(402px,auto)!important;min-height:402px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{width:60%!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{font-size:39px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{min-height:402px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage{height:321px!important;margin-top:62px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{width:calc(100% + 98px)!important;left:-28px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{margin-bottom:18px!important;padding-right:12px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line{font-size:24px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-1{font-size:27px!important}
}
@font-face{font-family:"TTR10Kohinoor";src:url("../fonts/Kohinoor Arabic Light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"TTR10Kohinoor";src:url("../fonts/Kohinoor Arabic Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"TTR10Kohinoor";src:url("../fonts/Kohinoor Arabic Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"TTR10Kohinoor";src:url("../fonts/Kohinoor Arabic Semibold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"TTR10Kohinoor";src:url("../fonts/Kohinoor Arabic Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{
font-family:"TTR10Kohinoor",TTMobileEstedad688,Estedad,Tahoma,sans-serif!important;
font-weight:600!important;
font-synthesis:none!important;
letter-spacing:normal!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{
font-weight:600!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge{
font-weight:500!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{
font-weight:700!important;
}
}
@font-face{font-family:"TTR9Kohinoor";src:url("../fonts/Kohinoor-Arabic-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
.tt-v690-positioning{display:none}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile > .tt-ambient-layer{
background:#fff9f6!important;
background-image:none!important;
filter:none!important;
opacity:1!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{position:relative!important;display:block!important;grid-template:none!important;height:clamp(318px,83.5vw,340px)!important;min-height:0!important;padding:0!important;overflow:hidden!important;isolation:isolate!important;background:linear-gradient(120deg,#ded6f8 0%,#eee2f8 48%,#f8e5ee 76%,#ffe1d4 100%)!important;border:0!important;border-radius:26px!important;box-shadow:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side::before{display:none!important;content:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side::after{display:none!important;content:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{position:absolute!important;inset:clamp(88px,23vw,96px) 16px auto auto!important;width:56%!important;max-width:none!important;padding:0!important;margin:0!important;z-index:8!important;transform:none!important;text-align:right!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{display:none!important;margin:0!important;padding:0!important}html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{content:none!important;display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{font-family:"TTR9Kohinoor",TTMobileEstedad688,Estedad,Tahoma,sans-serif!important;font-size:clamp(30px,8.2vw,34.5px)!important;font-weight:700!important;line-height:1.07!important;text-wrap:wrap!important;letter-spacing:normal!important;width:100%!important;margin:0!important;padding:0!important;text-shadow:0 1px 0 rgba(255,255,255,.28)!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{display:block!important;white-space:nowrap!important;margin:0 0 2px!important;color:#162650!important;-webkit-text-fill-color:#162650!important;font-size:.98em!important;line-height:1.08!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge{display:block!important;font-size:.67em!important;font-weight:720!important;line-height:1.18!important;margin:6px 0 2px!important;color:#656078!important;-webkit-text-fill-color:#656078!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{display:block!important;font-size:1.06em!important;font-weight:900!important;line-height:1.06!important;margin:0!important;padding:0!important;color:#6552db!important;-webkit-text-fill-color:#6552db!important;white-space:nowrap!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus::after{display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;grid-template:none!important;z-index:1!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human::before{display:none!important;content:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human::after{display:none!important;content:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-portrait-stage{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;z-index:2!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;mask-image:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-portrait-stage::before,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-portrait-stage::after,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-portrait-stage > :not(.tt-person){display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{position:absolute!important;width:calc(100% + 52px)!important;max-width:none!important;height:auto!important;min-height:0!important;left:-158px!important;right:auto!important;top:auto!important;bottom:-18px!important;margin:0!important;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important;z-index:3!important;object-fit:contain!important;mask-image:none!important;-webkit-mask-image:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{position:absolute!important;inset:auto auto -12px 43%!important;width:clamp(120px,32vw,138px)!important;height:auto!important;margin:0!important;padding:4px 4px 0!important;z-index:6!important;opacity:.60!important;overflow:visible!important;mask:none!important;-webkit-mask:none!important;background:none!important;border:0!important;box-shadow:none!important;transform:perspective(760px) rotateY(14deg) rotateX(11deg) rotateZ(-5deg) scale(.86)!important;transform-origin:32% 20%!important;filter:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::before{content:''!important;display:block!important;position:absolute!important;inset:2px -18px -16px -24px!important;z-index:0!important;pointer-events:none!important;border:0!important;border-radius:50%!important;background:radial-gradient(ellipse at 48% 46%,rgba(255,252,249,.62) 0%,rgba(247,234,247,.34) 42%,rgba(211,196,238,.16) 62%,transparent 78%)!important;filter:blur(9px)!important;opacity:.76!important;box-shadow:none!important;transform:none!important;mask:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::after{content:''!important;display:block!important;position:absolute!important;inset:-13px -30px -20px -18px!important;z-index:0!important;pointer-events:none!important;border-radius:50%!important;background:radial-gradient(ellipse at 58% 50%,rgba(230,216,245,.24),rgba(255,231,222,.14) 48%,transparent 76%)!important;filter:blur(14px)!important;opacity:.62!important;transform:rotate(-5deg)!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-lines{position:absolute!important;inset:13px -1px auto -2px!important;height:66px!important;z-index:1!important;background:repeating-linear-gradient(to bottom,transparent 0 23px,rgba(130,109,151,.20) 23px 24px)!important;opacity:1!important;filter:none!important;transform:none!important;mask-image:linear-gradient(to right,transparent,#000 20%,#000 73%,transparent),linear-gradient(to bottom,#000,transparent)!important;mask-composite:intersect!important;pointer-events:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-copy{position:relative!important;z-index:2!important;margin:0!important;padding:0!important;opacity:1!important;transform:none!important;filter:none!important;mask:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line{display:block!important;font-size:clamp(16.3px,4.4vw,18.9px)!important;line-height:1.4!important;color:#6c5575!important;-webkit-text-fill-color:#6c5575!important;font-weight:400!important;text-shadow:none!important;opacity:1!important;margin:0!important;filter:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-1{font-size:clamp(19.3px,5.28vw,22.45px)!important;color:#5b4868!important;-webkit-text-fill-color:#5b4868!important;line-height:1.32!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:0!important;margin:4px 0 0!important;transform:none!important;opacity:1!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-credit{font-size:clamp(12.3px,3.43vw,14.96px)!important;line-height:1.4!important;color:#78627e!important;-webkit-text-fill-color:#78627e!important;opacity:1!important;filter:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff svg{width:58px!important;height:12px!important;opacity:.48!important;filter:none!important;color:#7d6a91!important} html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile :is(.tt-memory-badge,.tt-memory-name){display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-copy-side{padding:0 8px!important;gap:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-hero-grid{row-gap:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-location{display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-diff{display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-support{display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{display:block!important;width:100%!important;max-width:182px!important;margin:11px 0 0 auto!important;padding:6px 10px 7px!important;color:#4c526b!important;font-size:12.55px!important;line-height:1.48!important;font-weight:660!important;text-align:right!important;letter-spacing:normal!important;white-space:nowrap!important;background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.14))!important;border:1px solid rgba(255,255,255,.46)!important;border-radius:15px!important;box-shadow:0 7px 20px rgba(57,48,102,.045)!important;-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-mobile-actions{display:none!important;justify-content:flex-start!important;align-items:center!important;gap:0!important;width:auto!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-mobile-actions a{min-height:38px!important;height:38px!important;padding:7px 13px!important;border-radius:13px!important;font-size:11.4px!important;line-height:1.4!important;font-weight:700!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-mobile-actions a:first-child{width:164px!important;border:1px solid rgba(101,82,219,.18)!important;background:rgba(101,82,219,.085)!important;color:#504a78!important;-webkit-text-fill-color:#504a78!important;box-shadow:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-mobile-actions a:nth-child(2){display:none!important}
}
@media(min-width:540px) and (max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{max-width:540px!important;height:480px!important;margin-inline:auto!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{width:48%!important;right:26px!important;top:116px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{font-size:46px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{width:440px!important;left:-40px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{width:190px!important;right:auto!important;left:37%!important;bottom:12px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-copy-side{max-width:520px!important;margin-inline:auto!important}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{justify-content:flex-start!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-hero-grid{display:block!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{margin-bottom:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile{padding-bottom:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-hero-box{padding-bottom:0!important}
html body #ttRouterApp#ttRouterApp{margin-top:12px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile{padding-bottom:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-hero-box{padding-bottom:0!important}
html body #ttRouterApp#ttRouterApp{margin-top:10px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-copy-side{display:none!important;grid-column:1/-1!important;width:0!important;min-width:0!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;box-sizing:border-box!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-copy-side::before,html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-copy-side::after{display:none!important;content:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-location{display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-diff{display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-support{display:none!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-mobile-actions{display:none!important;width:0!important;height:0!important;margin:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-lines{display:block!important;background:repeating-linear-gradient(to bottom,transparent 0 23px,rgba(119,97,144,.20) 23px 24px)!important;mask-image:radial-gradient(ellipse at 50% 22%,#000 25%,transparent 78%)!important;-webkit-mask-image:radial-gradient(ellipse at 50% 22%,#000 25%,transparent 78%)!important;mask-composite:add!important}
}
@media(max-width:767px){
@font-face{font-family:TTMobileEstedad688;src:url(../fonts/TTMobileEstedad688.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-1{--hand-em:clamp(19px,5.1vw,21.6px);font-size:0!important;line-height:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:block!important;width:100%!important;height:calc(var(--hand-em) * 0.832227)!important;margin:0 0 3px!important;opacity:1!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-1::before{content:''!important;display:block!important;position:relative!important;inset:auto!important;width:calc(var(--hand-em) * 4.350188)!important;max-width:100%!important;height:100%!important;margin:0 0 0 auto!important;background:url("embedded-5006b261d5eeea6d.svg") right center/contain no-repeat!important;transform:none!important;filter:none!important;border:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-2{--hand-em:clamp(16px,4.25vw,18.3px);font-size:0!important;line-height:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:block!important;width:100%!important;height:calc(var(--hand-em) * 0.924512)!important;margin:0 0 3px!important;opacity:1!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-2::before{content:''!important;display:block!important;position:relative!important;inset:auto!important;width:calc(var(--hand-em) * 7.050980)!important;max-width:100%!important;height:100%!important;margin:0 0 0 auto!important;background:url("embedded-5aa9139f76f3e38d.svg") right center/contain no-repeat!important;transform:none!important;filter:none!important;border:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-3{--hand-em:clamp(16px,4.25vw,18.3px);font-size:0!important;line-height:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:block!important;width:100%!important;height:calc(var(--hand-em) * 1.278516)!important;margin:0 0 3px!important;opacity:1!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-line-3::before{content:''!important;display:block!important;position:relative!important;inset:auto!important;width:calc(var(--hand-em) * 6.810954)!important;max-width:100%!important;height:100%!important;margin:0 0 0 auto!important;background:url("embedded-3aadf5cd8c8c4b7d.svg") right center/contain no-repeat!important;transform:none!important;filter:none!important;border:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-credit{--hand-em:clamp(12px,3.3vw,14.2px);font-size:0!important;line-height:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:block!important;width:100%!important;height:calc(var(--hand-em) * 1.193066)!important;margin:0 0 0!important;opacity:1!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-credit::before{content:''!important;display:block!important;position:relative!important;inset:auto!important;width:calc(var(--hand-em) * 5.298624)!important;max-width:100%!important;height:100%!important;margin:0 0 0 auto!important;background:url("embedded-1f78ac074d46be15.svg") right center/contain no-repeat!important;transform:none!important;filter:none!important;border:0!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{margin-top:0!important;gap:1px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-lines{height:47px!important;opacity:.7!important}
}
@media(min-width:400px) and (max-width:539px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{left:-88px!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-memory-note{left:28%!important}
}
@font-face{font-family:"TTR10Kohinoor";src:url("../fonts/Kohinoor Arabic Light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"TTR10Kohinoor";src:url("../fonts/Kohinoor Arabic Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"TTR10Kohinoor";src:url("../fonts/Kohinoor Arabic Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"TTR10Kohinoor";src:url("../fonts/Kohinoor Arabic Semibold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"TTR10Kohinoor";src:url("../fonts/Kohinoor Arabic Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{
font-family:"TTR10Kohinoor",TTMobileEstedad688,Estedad,Tahoma,sans-serif!important;
font-weight:600!important;
font-synthesis:none!important;
letter-spacing:normal!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{font-weight:600!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge{font-weight:500!important}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{font-weight:700!important}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{
left:-138px!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
display:block!important;
width:100%!important;
max-width:176px!important;
margin:12px 0 0 auto!important;
padding:0 2px 0 0!important;
color:#62677a!important;
-webkit-text-fill-color:#62677a!important;
font-size:12.2px!important;
line-height:1.56!important;
font-weight:500!important;
letter-spacing:normal!important;
white-space:normal!important;
text-align:right!important;
background:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
opacity:.90!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning::first-line{
color:#3f4866!important;
-webkit-text-fill-color:#3f4866!important;
font-weight:600!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
max-width:154px!important;
margin:6px 0 0 auto!important;
padding:0!important;
transform:translateX(15px)!important;
transform-origin:right top!important;
color:#6a6f80!important;
-webkit-text-fill-color:#6a6f80!important;
font-size:11.4px!important;
line-height:1.44!important;
font-weight:500!important;
background:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
opacity:.84!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning::first-line{
color:#46506b!important;
-webkit-text-fill-color:#46506b!important;
font-weight:600!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:31%!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{
height:clamp(328px,86vw,350px)!important;
min-height:0!important;
background:
radial-gradient(ellipse 46% 46% at 84% 29%,rgba(255,195,166,.26) 0%,rgba(255,205,182,.12) 48%,transparent 72%),
radial-gradient(ellipse 70% 58% at 13% 82%,rgba(128,111,229,.16) 0%,rgba(152,132,235,.07) 52%,transparent 76%),
linear-gradient(118deg,#ddd5f8 0%,#ebe0f8 46%,#f7e5ef 73%,#ffe2d5 100%)!important;
overflow:hidden!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side::before{
content:""!important;
display:block!important;
position:absolute!important;
z-index:0!important;
width:180px!important;
height:180px!important;
right:-58px!important;
top:-72px!important;
border-radius:50%!important;
background:radial-gradient(circle,rgba(255,255,255,.58) 0%,rgba(255,238,229,.20) 48%,transparent 73%)!important;
filter:blur(2px)!important;
opacity:.72!important;
pointer-events:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side::after{
content:""!important;
display:block!important;
position:absolute!important;
z-index:0!important;
width:235px!important;
height:142px!important;
left:-76px!important;
bottom:-52px!important;
border-radius:50%!important;
background:radial-gradient(ellipse,rgba(111,91,214,.16) 0%,rgba(139,118,232,.07) 54%,transparent 78%)!important;
filter:blur(9px)!important;
opacity:.62!important;
pointer-events:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{
top:clamp(82px,21.8vw,91px)!important;
right:16px!important;
width:56%!important;
max-width:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{
font-size:clamp(33px,8.9vw,37px)!important;
line-height:1.055!important;
font-weight:600!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{
font-size:.97em!important;
line-height:1.05!important;
font-weight:600!important;
margin:0 0 2px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge{
font-size:.62em!important;
line-height:1.15!important;
font-weight:500!important;
margin:7px 0 1px!important;
color:#625e75!important;
-webkit-text-fill-color:#625e75!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{
font-size:1.07em!important;
line-height:1.02!important;
font-weight:700!important;
color:#6552db!important;
-webkit-text-fill-color:#6552db!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{
left:-108px!important;
bottom:-8px!important;
width:calc(100% + 52px)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
max-width:152px!important;
margin:13px 0 0 auto!important;
padding:0!important;
transform:translateX(12px)!important;
transform-origin:right top!important;
color:#6a6f80!important;
-webkit-text-fill-color:#6a6f80!important;
font-size:11.35px!important;
line-height:1.46!important;
font-weight:500!important;
text-align:right!important;
background:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
opacity:.83!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning::first-line{
color:#46506b!important;
-webkit-text-fill-color:#46506b!important;
font-weight:600!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:25%!important;
bottom:4px!important;
opacity:.58!important;
}
html body #ttRouterApp#ttRouterApp{
margin-top:8px!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{
direction:rtl!important;
unicode-bidi:isolate!important;
letter-spacing:0!important;
word-spacing:normal!important;
font-kerning:normal!important;
font-synthesis:none!important;
font-feature-settings:"kern" 1,"liga" 1,"calt" 1!important;
text-rendering:optimizeLegibility!important;
line-height:1.08!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{
width:max-content!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:0!important;
letter-spacing:0!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{
font-size:.975em!important;
line-height:1.06!important;
font-weight:600!important;
margin-bottom:3px!important;
transform:translateX(-1px)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge{
font-size:.615em!important;
line-height:1.16!important;
font-weight:500!important;
margin-top:6px!important;
margin-bottom:2px!important;
transform:translateX(-5px)!important;
color:#625e75!important;
-webkit-text-fill-color:#625e75!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{
font-size:1.085em!important;
line-height:1.04!important;
font-weight:700!important;
transform:translateX(-1px)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
max-width:134px!important;
margin:21px 0 0 auto!important;
padding:0!important;
transform:translateX(-7px)!important;
color:#6a6f80!important;
-webkit-text-fill-color:#6a6f80!important;
font-size:11.35px!important;
line-height:1.48!important;
font-weight:500!important;
text-align:right!important;
letter-spacing:0!important;
background:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
opacity:.84!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning::first-line{
color:#46506b!important;
-webkit-text-fill-color:#46506b!important;
font-weight:600!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:28%!important;
bottom:-4px!important;
opacity:.59!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{
width:calc(100% + 28px)!important;
left:-68px!important;
bottom:-2px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{
font-size:clamp(34px,9.1vw,38px)!important;
line-height:1.075!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{
font-size:.98em!important;
line-height:1.055!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-bridge{
font-size:.60em!important;
line-height:1.17!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{
font-size:1.09em!important;
line-height:1.035!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:29%!important;
bottom:-9px!important;
opacity:.52!important;
transform:perspective(760px) rotateY(14deg) rotateX(11deg) rotateZ(-5deg) scale(.82)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{
height:342px!important;
min-height:342px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{
top:88px!important;
right:10px!important;
width:56%!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge{
transform:translateX(-1px)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{
width:calc(100% + 16px)!important;
left:-62px!important;
top:60px!important;
bottom:auto!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
max-width:134px!important;
margin:24px 0 0 auto!important;
transform:translateX(-1px)!important;
font-size:11.35px!important;
line-height:1.50!important;
opacity:.86!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:29%!important;
bottom:1px!important;
opacity:.49!important;
transform:perspective(760px) rotateY(14deg) rotateX(11deg) rotateZ(-5deg) scale(.79)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side::after{
left:auto!important;
right:-28px!important;
bottom:-42px!important;
width:220px!important;
height:150px!important;
background:
radial-gradient(ellipse at 48% 44%,
rgba(108,88,220,.13) 0%,
rgba(171,132,232,.08) 38%,
rgba(255,197,176,.055) 61%,
transparent 79%)!important;
filter:blur(10px)!important;
opacity:.74!important;
}
html body #ttRouterApp#ttRouterApp{
margin-top:8px!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{
top:90px!important;
right:8px!important;
width:52%!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{
font-size:35.49px!important;
line-height:1.08!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{
font-size:.92em!important;
line-height:1.08!important;
transform:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-bridge{
font-size:.61em!important;
margin-top:8px!important;
margin-bottom:4px!important;
transform:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{
font-size:1.10em!important;
line-height:1.04!important;
transform:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
margin-top:26px!important;
max-width:134px!important;
transform:none!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{
height:342px!important;
min-height:342px!important;
background:
radial-gradient(ellipse 88% 60% at 12% 28%,
rgba(218,210,246,.50) 0%,
rgba(229,221,248,.31) 41%,
rgba(245,241,252,.11) 69%,
transparent 84%),
radial-gradient(ellipse 70% 72% at 84% 28%,
rgba(255,255,255,.97) 0%,
rgba(255,253,250,.89) 40%,
rgba(255,244,237,.36) 65%,
transparent 81%),
radial-gradient(ellipse 54% 64% at 86% 72%,
rgba(246,176,145,.18) 0%,
rgba(248,197,171,.09) 49%,
transparent 77%),
radial-gradient(ellipse 58% 68% at 8% 58%,
rgba(160,145,231,.13) 0%,
rgba(191,174,238,.06) 52%,
transparent 78%),
linear-gradient(112deg,
#eeeaff 0%,
#f7f3ff 37%,
#fffdfb 62%,
#fff4eb 100%)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side::before{
width:168px!important;
height:168px!important;
right:-38px!important;
top:-58px!important;
background:
radial-gradient(circle at 48% 52%,
rgba(255,186,151,.28) 0%,
rgba(255,218,198,.18) 45%,
rgba(255,255,255,.06) 66%,
transparent 76%)!important;
filter:blur(9px)!important;
opacity:.56!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side::after{
width:232px!important;
height:150px!important;
right:-34px!important;
left:auto!important;
bottom:-46px!important;
background:
radial-gradient(ellipse at 46% 44%,
rgba(247,179,149,.13) 0%,
rgba(171,145,226,.075) 44%,
rgba(255,255,255,.02) 67%,
transparent 80%)!important;
filter:blur(16px)!important;
opacity:.50!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{
width:calc(100% + 30px)!important;
left:-78px!important;
top:44px!important;
bottom:auto!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading{
top:94px!important;
right:4px!important;
width:50.5%!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading h1{
font-size:clamp(36.5px,9.65vw,40px)!important;
line-height:1.095!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{
font-size:.86em!important;
line-height:1.10!important;
transform:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-bridge{
font-size:.59em!important;
line-height:1.22!important;
margin-top:9px!important;
margin-bottom:6px!important;
transform:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus{
position:relative!important;
font-size:1.11em!important;
line-height:1.06!important;
transform:none!important;
padding-bottom:5px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus::after{
content:""!important;
position:absolute!important;
right:12%!important;
bottom:-8px!important;
width:78px!important;
height:4px!important;
border-radius:999px!important;
background:linear-gradient(90deg,
rgba(231,132,91,0) 0%,
rgba(231,132,91,.68) 18%,
rgba(242,160,117,.78) 58%,
rgba(242,160,117,0) 100%)!important;
transform:rotate(-4deg) scaleX(.96)!important;
transform-origin:center!important;
box-shadow:0 5px 14px rgba(220,132,94,.08)!important;
pointer-events:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
max-width:142px!important;
margin:34px 0 0 auto!important;
padding:1px 8px 1px 0!important;
transform:translateX(-10px)!important;
font-family:TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:11.7px!important;
line-height:1.54!important;
font-weight:600!important;
color:rgba(48,60,88,.92)!important;
-webkit-text-fill-color:rgba(48,60,88,.92)!important;
opacity:1!important;
border-right:2px solid rgba(215,133,101,.38)!important;
background:none!important;
box-shadow:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:36%!important;
bottom:-10px!important;
opacity:1!important;
transform:
perspective(650px)
rotateY(19deg)
rotateX(14deg)
rotateZ(-6deg)
scale(.86)!important;
transform-origin:45% 52%!important;
filter:
drop-shadow(0 9px 17px rgba(101,80,151,.075))
drop-shadow(0 1px 7px rgba(255,255,255,.20))!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-copy{
opacity:.54!important;
text-shadow:
0 2px 11px rgba(102,81,148,.10),
0 0 20px rgba(255,255,255,.18)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-lines{
opacity:.12!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::before{
opacity:.42!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::after{
opacity:.30!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
opacity:.94!important;
transform:translate(-2px,-2px)!important;
overflow:visible!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
opacity:.82!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
width:60px!important;
opacity:.86!important;
color:rgba(92,72,135,.62)!important;
overflow:visible!important;
transform:rotate(-8deg) translate(-7px,-1px) scale(1.04)!important;
transform-origin:center!important;
}
html body #ttRouterApp#ttRouterApp{
margin-top:8px!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{
transform:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus::after{
display:block!important;
right:10%!important;
bottom:-12px!important;
width:80px!important;
height:12px!important;
background:none!important;
border-top:3px solid rgba(231,145,107,.72)!important;
border-radius:50%!important;
transform:rotate(-5deg) scaleX(.96)!important;
transform-origin:center!important;
filter:drop-shadow(0 5px 9px rgba(218,128,91,.08))!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{
display:block!important;
position:absolute!important;
top:-44px!important;
right:0!important;
left:auto!important;
width:max-content!important;
min-height:0!important;
margin:0!important;
padding:0!important;
background:none!important;
border:0!important;
box-shadow:none!important;
transform:none!important;
font-size:0!important;
line-height:1!important;
color:transparent!important;
opacity:1!important;
z-index:2!important;
pointer-events:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before{
content:"مرکز درمانی و زیبایی"!important;
display:block!important;
font-family:TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:9.6px!important;
line-height:1.35!important;
font-weight:400!important;
letter-spacing:0!important;
color:rgba(118,111,148,.74)!important;
-webkit-text-fill-color:rgba(118,111,148,.74)!important;
white-space:nowrap!important;
margin:0 0 2px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{
content:"دکتر توحید طبرستانی"!important;
display:block!important;
font-family:TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:11.1px!important;
line-height:1.35!important;
font-weight:500!important;
letter-spacing:0!important;
color:rgba(57,68,102,.80)!important;
-webkit-text-fill-color:rgba(57,68,102,.80)!important;
white-space:nowrap!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
font-size:11.05px!important;
line-height:1.56!important;
font-weight:500!important;
color:rgba(63,72,98,.80)!important;
-webkit-text-fill-color:rgba(63,72,98,.80)!important;
border-right:1.5px solid rgba(215,133,101,.24)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning::first-line{
font-weight:500!important;
color:rgba(58,67,94,.86)!important;
-webkit-text-fill-color:rgba(58,67,94,.86)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-focus::after{
right:13%!important;
bottom:-10px!important;
width:64px!important;
height:9px!important;
border-top:2px solid rgba(231,145,107,.52)!important;
filter:drop-shadow(0 4px 8px rgba(218,128,91,.05))!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:31.5%!important;
bottom:5px!important;
opacity:1!important;
transform:
perspective(560px)
rotateY(24deg)
rotateX(17deg)
rotateZ(-7.2deg)
scale(.80)!important;
transform-origin:45% 52%!important;
filter:
drop-shadow(0 7px 15px rgba(101,80,151,.065))
drop-shadow(0 1px 6px rgba(255,255,255,.16))!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::before{
inset:-5px -14px -13px -30px!important;
border-radius:50%!important;
background:
radial-gradient(ellipse 58% 44% at 56% 43%,
rgba(255,253,250,.52) 0%,
rgba(246,233,247,.28) 43%,
rgba(214,198,238,.13) 64%,
transparent 80%),
radial-gradient(ellipse 34% 30% at 24% 56%,
rgba(255,236,226,.14) 0%,
transparent 76%)!important;
filter:blur(10px)!important;
opacity:.44!important;
transform:translate(-3px,-2px) scaleX(1.03)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::after{
inset:-16px -20px -24px -36px!important;
border-radius:50%!important;
background:
radial-gradient(ellipse 54% 42% at 48% 51%,
rgba(226,212,243,.19) 0%,
rgba(255,231,222,.105) 47%,
transparent 77%),
radial-gradient(ellipse 30% 24% at 18% 50%,
rgba(240,230,249,.12) 0%,
transparent 78%)!important;
filter:blur(16px)!important;
opacity:.26!important;
transform:rotate(-9deg) translate(-8px,-2px) scaleX(1.09)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-copy{
opacity:.50!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
opacity:.95!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
width:58px!important;
opacity:.88!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{
background:
radial-gradient(ellipse 92% 62% at 11% 28%,
rgba(218,210,246,.46) 0%,
rgba(230,223,248,.29) 42%,
rgba(246,242,252,.10) 70%,
transparent 85%),
radial-gradient(ellipse 72% 74% at 84% 28%,
rgba(255,255,255,.97) 0%,
rgba(255,253,250,.90) 41%,
rgba(255,244,237,.35) 66%,
transparent 82%),
radial-gradient(ellipse 54% 64% at 86% 72%,
rgba(246,176,145,.17) 0%,
rgba(248,197,171,.085) 50%,
transparent 78%),
radial-gradient(ellipse 58% 68% at 8% 58%,
rgba(160,145,231,.12) 0%,
rgba(191,174,238,.055) 53%,
transparent 79%),
linear-gradient(112deg,
#eeeaff 0%,
#f7f4ff 38%,
#fffdfb 63%,
#fff4eb 100%)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-first{
font-size:.850em!important;
transform:translateX(4px)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human .tt-person{
left:-92px!important;
-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,rgba(0,0,0,.98) 75%,rgba(0,0,0,.90) 83%,rgba(0,0,0,.72) 92%,rgba(0,0,0,.50) 100%)!important;
mask-image:linear-gradient(90deg,#000 0%,#000 68%,rgba(0,0,0,.98) 75%,rgba(0,0,0,.90) 83%,rgba(0,0,0,.72) 92%,rgba(0,0,0,.50) 100%)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-human::before{
content:""!important;
top:-18px!important;
right:-18px!important;
bottom:-22px!important;
left:-30px!important;
background:
radial-gradient(ellipse 86% 70% at 27% 54%,
rgba(207,196,240,.28) 0%,
rgba(229,221,247,.15) 48%,
transparent 82%),
radial-gradient(ellipse 76% 64% at 54% 31%,
rgba(255,254,252,.56) 0%,
rgba(249,244,250,.22) 48%,
transparent 84%),
radial-gradient(ellipse 72% 62% at 72% 67%,
rgba(247,218,228,.18) 0%,
rgba(255,236,226,.10) 50%,
transparent 83%)!important;
filter:blur(18px)!important;
opacity:.80!important;
-webkit-mask-image:none!important;
mask-image:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-visual-side{
background:
radial-gradient(ellipse 108% 74% at 12% 30%,
rgba(216,207,244,.34) 0%,
rgba(236,230,249,.17) 48%,
transparent 83%),
radial-gradient(ellipse 88% 72% at 53% 43%,
rgba(255,255,255,.76) 0%,
rgba(255,252,249,.32) 48%,
transparent 82%),
radial-gradient(ellipse 82% 70% at 84% 34%,
rgba(255,244,237,.50) 0%,
rgba(250,222,211,.17) 52%,
transparent 84%),
radial-gradient(ellipse 92% 62% at 52% 78%,
rgba(238,224,243,.16) 0%,
rgba(255,231,221,.09) 54%,
transparent 84%),
linear-gradient(116deg,
#f0edff 0%,
#f8f5ff 36%,
#fffdfb 64%,
#fff5ef 100%)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{
top:-53px!important;
right:1px!important;
width:142px!important;
height:39px!important;
text-align:right!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before{
font-size:9.45px!important;
line-height:1.45!important;
font-weight:500!important;
margin:0 0 5px!important;
color:rgba(68,78,108,.78)!important;
-webkit-text-fill-color:rgba(68,78,108,.78)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{
font-size:11.05px!important;
line-height:1.4!important;
font-weight:650!important;
color:rgba(33,48,82,.92)!important;
-webkit-text-fill-color:rgba(33,48,82,.92)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
font-size:10.25px!important;
line-height:1.62!important;
font-weight:500!important;
color:rgba(54,64,88,.78)!important;
-webkit-text-fill-color:rgba(54,64,88,.78)!important;
border-right:1px solid rgba(215,133,101,.16)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning::first-line{
font-weight:500!important;
color:rgba(62,71,97,.76)!important;
-webkit-text-fill-color:rgba(62,71,97,.76)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:31.5%!important;
bottom:44px!important;
transform:
perspective(740px)
rotateY(18deg)
rotateX(12deg)
rotateZ(-6.4deg)
scale(.70)!important;
transform-origin:45% 52%!important;
filter:
drop-shadow(0 6px 13px rgba(101,80,151,.05))
drop-shadow(0 1px 5px rgba(255,255,255,.13))!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::before{
inset:-14px -20px -12px -30px!important;
background:
radial-gradient(ellipse 58% 42% at 60% 43%,
rgba(255,254,252,.62) 0%,
rgba(245,234,248,.32) 41%,
rgba(216,201,239,.15) 63%,
transparent 81%),
radial-gradient(ellipse 30% 26% at 20% 60%,
rgba(255,236,225,.16) 0%,
transparent 78%)!important;
filter:blur(14px)!important;
opacity:.50!important;
transform:translate(-7px,-8px) scaleX(1.10)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::after{
inset:-24px -18px -18px -40px!important;
background:
radial-gradient(ellipse 58% 44% at 47% 50%,
rgba(226,211,244,.20) 0%,
rgba(255,232,221,.12) 46%,
transparent 78%),
radial-gradient(ellipse 28% 24% at 16% 51%,
rgba(247,241,252,.14) 0%,
transparent 80%)!important;
filter:blur(20px)!important;
opacity:.24!important;
transform:rotate(-8deg) translate(-11px,-8px) scaleX(1.14)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-copy{
opacity:.38!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
opacity:.98!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
width:55px!important;
opacity:.94!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
opacity:.86!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before{
content:"مرکز دندانپزشکی زیبایی و درمانی"!important;
font-size:9.25px!important;
line-height:1.42!important;
font-weight:520!important;
margin:0 0 4px!important;
color:rgba(58,68,98,.82)!important;
-webkit-text-fill-color:rgba(58,68,98,.82)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{
content:"دکتر توحید طبرستانی"!important;
font-size:11.2px!important;
line-height:1.38!important;
font-weight:700!important;
color:rgba(28,43,77,.96)!important;
-webkit-text-fill-color:rgba(28,43,77,.96)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
font-size:10.1px!important;
line-height:1.60!important;
font-weight:460!important;
color:rgba(56,66,90,.70)!important;
-webkit-text-fill-color:rgba(56,66,90,.70)!important;
border-right:1px solid rgba(215,133,101,.14)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning::first-line{
font-weight:500!important;
color:rgba(58,68,95,.76)!important;
-webkit-text-fill-color:rgba(58,68,95,.76)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:35.5%!important;
bottom:18px!important;
transform:
perspective(720px)
rotateY(18deg)
rotateX(11deg)
rotateZ(-6.2deg)
scale(.70)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-copy{
opacity:.50!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
opacity:.78!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
opacity:.88!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::before{
opacity:.46!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::after{
opacity:.26!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{
display:block!important;
width:160px!important;
min-height:auto!important;
margin:0 0 9px auto!important;
padding:8px 12px 9px 12px!important;
border-radius:14px!important;
background:linear-gradient(180deg,rgba(255,253,250,.82) 0%,rgba(250,246,251,.68) 100%)!important;
border:1px solid rgba(108,118,154,.13)!important;
box-shadow:0 10px 24px rgba(47,58,92,.06), inset 0 1px 0 rgba(255,255,255,.58)!important;
backdrop-filter:blur(6px)!important;
-webkit-backdrop-filter:blur(6px)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before{
content:"مرکز دندانپزشکی زیبایی و درمانی"!important;
display:block!important;
max-width:100%!important;
white-space:normal!important;
font-family:"TTR10Kohinoor",TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:8.85px!important;
line-height:1.42!important;
font-weight:600!important;
letter-spacing:0!important;
margin:0 0 5px!important;
color:rgba(60,71,101,.84)!important;
-webkit-text-fill-color:rgba(60,71,101,.84)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{
content:"دکتر توحید طبرستانی"!important;
display:block!important;
white-space:nowrap!important;
font-family:"TTR10Kohinoor",TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:10.9px!important;
line-height:1.34!important;
font-weight:760!important;
letter-spacing:0!important;
color:rgba(27,41,74,.96)!important;
-webkit-text-fill-color:rgba(27,41,74,.96)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning{
font-size:9.95px!important;
line-height:1.60!important;
font-weight:440!important;
color:rgba(56,66,90,.67)!important;
-webkit-text-fill-color:rgba(56,66,90,.67)!important;
border-right:1px solid rgba(215,133,101,.13)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v690-positioning::first-line{
font-weight:500!important;
color:rgba(59,69,96,.73)!important;
-webkit-text-fill-color:rgba(59,69,96,.73)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:36.2%!important;
bottom:17px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-line-3{
margin-bottom:10px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-copy{
opacity:.48!important;
padding-bottom:14px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
left:9px!important;
right:auto!important;
bottom:5px!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-end!important;
gap:2px!important;
transform:rotate(-1deg)!important;
opacity:.98!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
font-size:0!important;
line-height:0!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
opacity:.82!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit::before{
content:"ممنونم"!important;
display:block!important;
font-family:"TTDanstevis","TTR10Kohinoor",Estedad,Tahoma,sans-serif!important;
font-size:8.8px!important;
line-height:1.1!important;
color:rgba(73,63,112,.74)!important;
-webkit-text-fill-color:rgba(73,63,112,.74)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
width:56px!important;
opacity:.90!important;
margin:1px 0 0!important;
transform:rotate(-8deg) translate(-1px,0)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-badge{
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-name{
display:block!important;
margin-top:-1px!important;
font-family:"TTDanstevis","TTR10Kohinoor",Estedad,Tahoma,sans-serif!important;
font-size:8.4px!important;
line-height:1.05!important;
color:rgba(79,69,116,.68)!important;
-webkit-text-fill-color:rgba(79,69,116,.68)!important;
opacity:.84!important;
white-space:nowrap!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{
width:178px!important;
margin:0 0 10px auto!important;
padding:9px 13px 10px 13px!important;
border-radius:15px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before{
font-size:8.5px!important;
line-height:1.48!important;
margin:0 0 6px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{
font-size:10.7px!important;
line-height:1.30!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:36.2%!important;
bottom:-8px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-copy{
padding-bottom:16px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
bottom:2px!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{
display:block!important;
width:140px!important;
min-height:auto!important;
margin:0 0 8px auto!important;
padding:0!important;
background:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before{
content:"مرکز دندانپزشکی زیبایی و درمانی"!important;
display:block!important;
max-width:140px!important;
white-space:normal!important;
font-family:"TTR10Kohinoor",TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:8.2px!important;
line-height:1.48!important;
font-weight:600!important;
margin:0 0 4px!important;
color:rgba(61,72,102,.82)!important;
-webkit-text-fill-color:rgba(61,72,102,.82)!important;
text-shadow:0 1px 0 rgba(255,255,255,.34)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{
content:"دکتر توحید طبرستانی"!important;
display:block!important;
white-space:nowrap!important;
font-family:"TTR10Kohinoor",TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:10.7px!important;
line-height:1.32!important;
font-weight:760!important;
letter-spacing:0!important;
color:rgba(26,40,74,.96)!important;
-webkit-text-fill-color:rgba(26,40,74,.96)!important;
text-shadow:0 1px 0 rgba(255,255,255,.30)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{
font-size:0!important;
line-height:0!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
text-shadow:none!important;
letter-spacing:0!important;
white-space:normal!important;
overflow:visible!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{
position:relative!important;
z-index:1!important;
text-shadow:0 1px 0 rgba(255,255,255,.30)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{
width:138px!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0 0 8px auto!important;
padding:0!important;
overflow:visible!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before{
content:"مرکز دندانپزشکی\Aزیبایی و درمانی"!important;
display:block!important;
white-space:pre-line!important;
max-width:138px!important;
font-family:"TTR10Kohinoor",TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:8.15px!important;
line-height:1.38!important;
font-weight:600!important;
margin:0 0 5px!important;
color:rgba(61,72,102,.82)!important;
-webkit-text-fill-color:rgba(61,72,102,.82)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{
content:"دکتر توحید طبرستانی"!important;
display:block!important;
white-space:nowrap!important;
font-family:"TTR10Kohinoor",TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:10.65px!important;
line-height:1.28!important;
font-weight:760!important;
color:rgba(26,40,74,.96)!important;
-webkit-text-fill-color:rgba(26,40,74,.96)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker{
display:block!important;
width:min(170px,100%)!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0 0 8px auto!important;
padding:0!important;
overflow:visible!important;
direction:rtl!important;
text-align:right!important;
font-size:0!important;
line-height:0!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
background:none!important;
border:0!important;
box-shadow:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{
position:static!important;
inset:auto!important;
display:block!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
flex:none!important;
border:0!important;
border-radius:0!important;
background:none!important;
box-shadow:none!important;
transform:none!important;
opacity:1!important;
text-align:right!important;
direction:rtl!important;
letter-spacing:0!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::before{
content:"مرکز دندانپزشکی زیبایی و درمانی"!important;
white-space:nowrap!important;
font-family:"TTR10Kohinoor",TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:8px!important;
line-height:1.45!important;
font-weight:600!important;
margin:0 0 4px!important;
color:rgba(61,72,102,.82)!important;
-webkit-text-fill-color:rgba(61,72,102,.82)!important;
text-shadow:0 1px 0 rgba(255,255,255,.30)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-v682-heading .tt-kicker::after{
content:"دکتر توحید طبرستانی"!important;
white-space:nowrap!important;
font-family:"TTR10Kohinoor",TTMobileEstedad688,Estedad,Vazirmatn,Tahoma,sans-serif!important;
font-size:10.7px!important;
line-height:1.30!important;
font-weight:760!important;
margin:0!important;
color:rgba(26,40,74,.96)!important;
-webkit-text-fill-color:rgba(26,40,74,.96)!important;
text-shadow:0 1px 0 rgba(255,255,255,.30)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit::before{
content:none!important;
display:none!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:36.2%!important;
bottom:4px!important;
transform:
perspective(760px)
rotateY(16deg)
rotateX(10deg)
rotateZ(-5.4deg)
scale(.70)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-copy{
opacity:.50!important;
padding-bottom:14px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
bottom:4px!important;
gap:1px!important;
transform:rotate(-.6deg)!important;
opacity:.96!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
opacity:.88!important;
width:54px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-name{
font-size:8.15px!important;
opacity:.76!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:36.4%!important;
bottom:7px!important;
transform:
perspective(900px)
rotateY(20deg)
rotateX(12deg)
rotateZ(-6.4deg)
scale(.70)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::before{
filter:blur(15px)!important;
opacity:.52!important;
transform:translate(-9px,-10px) scaleX(1.14)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::after{
filter:blur(22px)!important;
opacity:.28!important;
transform:rotate(-9deg) translate(-13px,-10px) scaleX(1.18)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-copy{
opacity:.47!important;
padding-bottom:16px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
left:5px!important;
right:auto!important;
bottom:-1px!important;
gap:1px!important;
align-items:flex-start!important;
justify-content:flex-end!important;
transform:rotate(-1.2deg)!important;
opacity:.95!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
width:55px!important;
opacity:.86!important;
margin:2px 0 0!important;
transform:rotate(-10deg) translate(-2px,1px)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-name{
margin-top:0!important;
font-size:8.05px!important;
opacity:.72!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
left:4px!important;
right:auto!important;
align-items:flex-end!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
margin:2px 0 0 auto!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-name{
text-align:left!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
left:7px!important;
right:auto!important;
bottom:10px!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-end!important;
gap:2px!important;
transform:rotate(-1deg)!important;
opacity:.97!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
display:block!important;
font-size:8.5px!important;
line-height:1.12!important;
font-family:"TTDanstevis","TTR10Kohinoor",Estedad,Tahoma,sans-serif!important;
color:rgba(76,66,112,.74)!important;
-webkit-text-fill-color:rgba(76,66,112,.74)!important;
opacity:.84!important;
white-space:nowrap!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit::before{
content:none!important;
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-name{
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
width:54px!important;
margin:1px 0 0 0!important;
opacity:.88!important;
transform:rotate(-9deg) translate(-1px,0)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
position:absolute!important;
left:9px!important;
right:auto!important;
bottom:8px!important;
width:max-content!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-end!important;
gap:2px!important;
direction:rtl!important;
transform:rotate(-1deg)!important;
opacity:.96!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
display:block!important;
position:relative!important;
inset:auto!important;
margin:0!important;
padding:0!important;
width:max-content!important;
font-family:"TTDanstevis","IRDastNevis","IRDast Nevis",cursive!important;
font-size:8.8px!important;
line-height:1.15!important;
font-weight:400!important;
font-style:normal!important;
color:rgba(76,66,112,.76)!important;
-webkit-text-fill-color:rgba(76,66,112,.76)!important;
opacity:.86!important;
white-space:nowrap!important;
text-align:right!important;
text-shadow:0 .35px 1.1px rgba(59,47,94,.08)!important;
transform:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit::before{
content:none!important;
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-name{
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
display:block!important;
align-self:flex-start!important;
width:54px!important;
height:auto!important;
margin:2px 0 0 4px!important;
opacity:.88!important;
transform:rotate(-9deg) translate(2px,0)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
position:absolute!important;
left:6px!important;
right:auto!important;
bottom:-4px!important;
width:max-content!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-end!important;
gap:2px!important;
direction:rtl!important;
transform:rotate(-1deg)!important;
opacity:.97!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
display:block!important;
position:relative!important;
inset:auto!important;
margin:0!important;
padding:0!important;
width:max-content!important;
font-family:"TTDanstevis","IRDastNevis","IRDast Nevis",cursive!important;
font-size:9.2px!important;
line-height:1.16!important;
font-weight:400!important;
font-style:normal!important;
color:rgba(89,73,132,.68)!important;
-webkit-text-fill-color:rgba(89,73,132,.68)!important;
opacity:.90!important;
white-space:nowrap!important;
text-align:right!important;
text-shadow:0 .35px 1.2px rgba(77,63,117,.07)!important;
transform:none!important;
letter-spacing:0!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit::before{
content:none!important;
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-name{
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
display:block!important;
align-self:flex-start!important;
width:54px!important;
height:auto!important;
margin:2px 0 0 3px!important;
opacity:.88!important;
transform:rotate(-9deg) translate(1px,0)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-copy{
top:3px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
position:absolute!important;
left:7px!important;
right:auto!important;
bottom:-11px!important;
width:max-content!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-end!important;
gap:1px!important;
direction:rtl!important;
transform:rotate(-1deg)!important;
opacity:.97!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
display:block!important;
position:relative!important;
inset:auto!important;
margin:0!important;
padding:0!important;
width:max-content!important;
font-family:"TTDanstevis","IRDastNevis","IRDast Nevis",cursive!important;
font-size:9px!important;
line-height:1.16!important;
font-weight:400!important;
font-style:normal!important;
color:rgba(89,73,132,.67)!important;
-webkit-text-fill-color:rgba(89,73,132,.67)!important;
opacity:.90!important;
white-space:nowrap!important;
text-align:right!important;
text-shadow:0 .35px 1.2px rgba(77,63,117,.07)!important;
transform:none!important;
letter-spacing:0!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit::before{
content:none!important;
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-name{
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
display:block!important;
align-self:flex-start!important;
width:54px!important;
height:auto!important;
margin:1px 0 0 4px!important;
opacity:.89!important;
transform:rotate(-9deg) translate(1px,0)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-copy{
position:relative!important;
top:-9px!important;
right:0!important;
transform:rotate(-2deg)!important;
width:100%!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
position:absolute!important;
left:2px!important;
right:auto!important;
bottom:-18px!important;
width:max-content!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-end!important;
gap:0!important;
direction:rtl!important;
transform:rotate(-0.8deg)!important;
opacity:.97!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
display:block!important;
position:relative!important;
inset:auto!important;
margin:0!important;
padding:0!important;
width:max-content!important;
font-family:'IRDast Nevis',IRDastNevis,'Digi Ravi Regular','Digi Ravi',TTDanstevis,cursive!important;
font-weight:400!important;
font-style:normal!important;
font-size:8.9px!important;
line-height:1.12!important;
letter-spacing:0!important;
white-space:nowrap!important;
color:#79618f!important;
-webkit-text-fill-color:#79618f!important;
opacity:.90!important;
text-shadow:none!important;
text-align:right!important;
transform:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit::before{
content:none!important;
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-name{
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
display:block!important;
align-self:flex-start!important;
width:46px!important;
height:auto!important;
margin:-1px 0 0 8px!important;
color:#7d6a91!important;
opacity:.86!important;
transform:rotate(-8deg) translate(0,0)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
font-family:'IRDast Nevis',IRDastNevis,'Digi Ravi Regular','Digi Ravi',TTDanstevis,cursive!important;
font-weight:400!important;
font-style:normal!important;
font-size:9.15px!important;
line-height:1.12!important;
letter-spacing:0!important;
color:#6f5a87!important;
-webkit-text-fill-color:#6f5a87!important;
opacity:.92!important;
text-shadow:none!important;
transform:rotate(-1deg)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
width:44px!important;
margin:-4px 0 0 8px!important;
opacity:.90!important;
transform:rotate(-3.6deg) translate(0,0)!important;
color:#76658b!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
left:11px!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
font-family:'IRDast Nevis',IRDastNevis,'Digi Ravi Regular','Digi Ravi',TTDanstevis,cursive!important;
font-size:9.1px!important;
line-height:1.16!important;
font-weight:400!important;
font-style:normal!important;
letter-spacing:0!important;
color:rgba(78,64,120,.68)!important;
-webkit-text-fill-color:rgba(78,64,120,.68)!important;
opacity:.92!important;
text-shadow:0 .3px 1px rgba(77,63,117,.045)!important;
transform:rotate(-.8deg)!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signature{
margin:-3px 0 0 9px!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
--tt-testimonial-hand:
'IRDast Nevis',
IRDastNevis,
'Digi Ravi Regular',
'Digi Ravi',
TTDanstevis,
cursive;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-line,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
font-family:var(--tt-testimonial-hand)!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit::before,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit::after{
content:none!important;
display:none!important;
}
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit{
font-family:'IRDast Nevis',IRDastNevis,'Digi Ravi Regular','Digi Ravi',TTDanstevis,cursive!important;
font-weight:400!important;
font-style:normal!important;
font-size:9.2px!important;
line-height:1.14!important;
letter-spacing:0!important;
color:#6f5d85!important;
-webkit-text-fill-color:#6f5d85!important;
opacity:.92!important;
text-shadow:none!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
bottom:-12px!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-credit-fresh,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit-fresh{
font-family:"Digi Ravi Regular","Digi Ravi",cursive!important;
font-size:inherit!important;
line-height:inherit!important;
font-weight:400!important;
font-style:normal!important;
letter-spacing:0!important;
color:inherit!important;
-webkit-text-fill-color:currentColor!important;
white-space:nowrap!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-credit-hidden,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit-hidden{
font-size:0!important;
line-height:0!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
text-shadow:none!important;
opacity:0!important;
}
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-credit-hidden::before,
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-credit-hidden::after,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit-hidden::before,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit-hidden::after{
content:none!important;
display:none!important;
}
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-signoff,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-signoff{
position:absolute!important;
}
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-credit-clone,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit-clone{
position:absolute!important;
left:0!important;
top:0!important;
display:block!important;
white-space:nowrap!important;
direction:rtl!important;
font-family:"Digi Ravi Regular","Digi Ravi","TTDanstevis",cursive!important;
font-size:12.7px!important;
line-height:1.14!important;
font-weight:400!important;
font-style:normal!important;
letter-spacing:0!important;
color:#756186!important;
-webkit-text-fill-color:#756186!important;
text-shadow:none!important;
opacity:.92!important;
transform:none!important;
pointer-events:none!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-credit-clone,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit-clone{
display:none!important;
visibility:hidden!important;
opacity:0!important;
}
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-credit-hidden,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit-hidden{
display:block!important;
visibility:visible!important;
opacity:1!important;
font-size:0!important;
line-height:0!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
width:100%!important;
height:calc(var(--hand-em, 13px) * 1.193066)!important;
overflow:visible!important;
}
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-credit-hidden::before,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit-hidden::before{
content:""!important;
display:block!important;
visibility:visible!important;
opacity:1!important;
position:relative!important;
}
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-credit-hidden::after,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-credit-hidden::after{
content:none!important;
display:none!important;
}
}
@media(max-width:767px){
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-note,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note{
left:35.8%!important;
bottom:13px!important;
}
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-note::before,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::before{
filter:blur(17px)!important;
opacity:.56!important;
transform:translate(-10px,-11px) scaleX(1.16)!important;
}
html body #tt-hh-final #ttHero.tt-v682-mobile .tt-memory-note::after,
html body #tt-hh-final #ttHero#ttHero#ttHero#ttHero#ttHero#ttHero.tt-v682-mobile .tt-memory-note::after{
filter:blur(24px)!important;
opacity:.31!important;
transform:rotate(-9deg) translate(-14px,-11px) scaleX(1.20)!important;
}
}
@media (min-width:768px){
html body #ttRouterApp#ttRouterApp,
html body #ttProof#ttProof,
html body #ttCenterPositioning#ttCenterPositioning,
html body #ttDedicatedExperience#ttDedicatedExperience,
html body #ttTreatmentTeam#ttTreatmentTeam,
html body #ttLocalAccess#ttLocalAccess{
overflow:visible !important;
border-top:0 !important;
border-bottom:0 !important;
}
html body #ttRouterApp#ttRouterApp > .ttr-ambient-layer,
html body #ttProof#ttProof > .ttp-ambient-layer,
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer,
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer,
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer,
html body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer{
top:-138px !important;
bottom:-138px !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.18) 28px,
rgba(0,0,0,.62) 84px,
#000 138px,
#000 calc(100% - 138px),
rgba(0,0,0,.62) calc(100% - 84px),
rgba(0,0,0,.18) calc(100% - 28px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.18) 28px,
rgba(0,0,0,.62) 84px,
#000 138px,
#000 calc(100% - 138px),
rgba(0,0,0,.62) calc(100% - 84px),
rgba(0,0,0,.18) calc(100% - 28px),
transparent 100%
) !important;
}
html body #ttRouterApp#ttRouterApp > .ttr-ambient-layer{
opacity:.98 !important;
filter:saturate(1.18) contrast(1.035) brightness(.99) !important;
background-position:27% 32% !important;
}
html body #ttProof#ttProof > .ttp-ambient-layer{
opacity:.91 !important;
filter:saturate(1.12) contrast(1.02) brightness(1.005) !important;
background-position:52% 49% !important;
}
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer{
opacity:.95 !important;
filter:saturate(1.07) contrast(1.018) brightness(1.005) !important;
background-position:73% 65% !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer{
opacity:.88 !important;
filter:saturate(.98) contrast(1.01) brightness(1.018) !important;
background-position:37% 56% !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer{
opacity:.94 !important;
filter:saturate(1.07) contrast(1.02) brightness(1.005) !important;
background-position:27% 73% !important;
}
html body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer{
opacity:.98 !important;
filter:saturate(1.12) contrast(1.025) brightness(.995) !important;
background-position:78% 78% !important;
}
html body #ttProof#ttProof{
margin-top:4px !important;
margin-bottom:0 !important;
padding-top:24px !important;
padding-bottom:46px !important;
}
html body #ttCenterPositioning#ttCenterPositioning{
padding-top:40px !important;
padding-bottom:30px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
padding-top:28px !important;
padding-bottom:56px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam{
padding-top:28px !important;
padding-bottom:34px !important;
}
html body #ttLocalAccess#ttLocalAccess{
padding-top:46px !important;
padding-bottom:64px !important;
}
html body #ttRouterApp#ttRouterApp .ttr-shell,
html body #ttProof#ttProof .ttp-shell,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-shell,
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell,
html body #ttLocalAccess#ttLocalAccess .ttla-shell{
box-shadow:
0 12px 34px rgba(35,40,88,.026),
inset 0 1px 0 rgba(255,255,255,.40) !important;
}
}
@media (min-width:768px){
html body #ttRouterApp#ttRouterApp > .ttr-ambient-layer{
top:-38px !important;
-webkit-mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.14) 10px,
rgba(0,0,0,.52) 28px,
#000 52px,
#000 calc(100% - 138px),
rgba(0,0,0,.62) calc(100% - 84px),
rgba(0,0,0,.18) calc(100% - 28px),
transparent 100%
) !important;
mask-image:linear-gradient(
to bottom,
transparent 0,
rgba(0,0,0,.14) 10px,
rgba(0,0,0,.52) 28px,
#000 52px,
#000 calc(100% - 138px),
rgba(0,0,0,.62) calc(100% - 84px),
rgba(0,0,0,.18) calc(100% - 28px),
transparent 100%
) !important;
}
}
@media (min-width:768px){
html body #ttProof#ttProof{
margin-top:4px !important;
padding-top:24px !important;
padding-bottom:30px !important;
}
html body #ttCenterPositioning#ttCenterPositioning{
margin-top:0 !important;
padding-top:26px !important;
padding-bottom:24px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
margin-top:0 !important;
padding-top:20px !important;
padding-bottom:40px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam{
margin-top:0 !important;
padding-top:20px !important;
padding-bottom:28px !important;
}
html body #ttLocalAccess#ttLocalAccess{
margin-top:0 !important;
padding-top:32px !important;
padding-bottom:58px !important;
}
html body #ttProof#ttProof > .ttp-ambient-layer,
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer,
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer,
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer,
html body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer{
top:0 !important;
bottom:0 !important;
-webkit-mask-image:linear-gradient(
to bottom,
rgba(0,0,0,.74) 0,
rgba(0,0,0,.94) 58px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.94) calc(100% - 58px),
rgba(0,0,0,.74) 100%
) !important;
mask-image:linear-gradient(
to bottom,
rgba(0,0,0,.74) 0,
rgba(0,0,0,.94) 58px,
#000 92px,
#000 calc(100% - 92px),
rgba(0,0,0,.94) calc(100% - 58px),
rgba(0,0,0,.74) 100%
) !important;
}
html body #ttProof#ttProof > .ttp-ambient-layer{
opacity:.96 !important;
filter:saturate(1.19) contrast(1.032) brightness(1.000) !important;
background-position:52% 47% !important;
}
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer{
opacity:.98 !important;
filter:saturate(1.14) contrast(1.026) brightness(1.004) !important;
background-position:69% 60% !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer{
opacity:.92 !important;
filter:saturate(1.05) contrast(1.016) brightness(1.015) !important;
background-position:42% 56% !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer{
opacity:.98 !important;
filter:saturate(1.15) contrast(1.028) brightness(1.002) !important;
background-position:30% 69% !important;
}
html body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer{
opacity:1 !important;
filter:saturate(1.19) contrast(1.032) brightness(.997) !important;
background-position:76% 78% !important;
}
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer::after,
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer::after,
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer::after,
html body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer::after{
content:"";
position:absolute;
inset:0 0 auto 0;
height:118px;
pointer-events:none;
background:
radial-gradient(52% 86px at 18% 0%, rgba(255,220,207,.13), transparent 72%),
radial-gradient(46% 78px at 82% 0%, rgba(205,191,255,.12), transparent 72%),
linear-gradient(to bottom, rgba(255,250,247,.18), rgba(255,250,247,0));
}
}
@media (min-width:768px){
.tt-v690-positioning{display:none!important;}
}
@media (max-width:767px){
html body #tt-hh-final .tt-header{
position:sticky!important; top:0!important; z-index:9000!important;
overflow:visible!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
background:
radial-gradient(ellipse at 88% -42%,rgba(105,117,243,.62) 0%,rgba(105,117,243,.20) 34%,transparent 54%),
radial-gradient(ellipse at 8% 150%,rgba(116,170,155,.38) 0%,rgba(116,170,155,.12) 34%,transparent 56%),
radial-gradient(ellipse at 52% 145%,rgba(238,184,157,.24) 0%,rgba(238,184,157,.07) 34%,transparent 58%),
linear-gradient(138deg,rgba(34,37,65,.985) 0%,rgba(52,42,81,.985) 50%,rgba(35,73,77,.985) 100%)!important;
box-shadow:0 9px 24px rgba(17,19,42,.11),inset 0 -1px 0 rgba(255,255,255,.025)!important;
-webkit-backdrop-filter:blur(14px) saturate(1.06)!important;
backdrop-filter:blur(14px) saturate(1.06)!important;
}
html body #tt-hh-final .tt-header::before{
content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
background:linear-gradient(118deg,transparent 0 26%,rgba(255,255,255,.04) 40%,transparent 56%)!important;
clip-path:inset(0)!important;
}
html body #tt-hh-final .tt-header::after{
content:""!important;position:absolute!important;right:14%!important;bottom:0!important;width:112px!important;height:2px!important;z-index:1!important;pointer-events:none!important;
border-radius:999px!important;opacity:.74!important;
background:linear-gradient(90deg,#ffb29a 0%,#8f87ff 48%,#73c2ac 100%)!important;
box-shadow:0 0 14px rgba(143,135,255,.15)!important;
}
html body #tt-hh-final .tt-header-inner{min-height:60px!important;position:relative!important;z-index:2!important;}
html body #tt-hh-final .tt-brand-icon{color:#f3efff!important;border-color:rgba(255,255,255,.14)!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 18px rgba(15,18,41,.10)!important;}
html body #tt-hh-final .tt-brand-icon::after{border-color:rgba(255,255,255,.10)!important;}
html body #tt-hh-final .tt-brand-copy strong{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.06)!important;}
html body #tt-hh-final .tt-brand-copy small{color:rgba(255,255,255,.62)!important;}
html body #tt-hh-final .tt-menu{display:block!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
html body #tt-hh-final .tt-menu-lines span{background:#fff!important;}
html body #tt-hh-final .tt-nav{top:64px!important;border:1px solid rgba(255,255,255,.11)!important;background:linear-gradient(145deg,rgba(36,38,68,.985),rgba(44,61,72,.985))!important;box-shadow:0 18px 42px rgba(15,18,41,.22)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;}
html body #tt-hh-final .tt-nav a{color:rgba(255,255,255,.86)!important;}
html body #tt-hh-final .tt-nav a:hover{color:#fff!important;background:rgba(255,255,255,.075)!important;}
html body #ttRouterApp#ttRouterApp{padding-bottom:62px!important;}
html body #ttRouterApp#ttRouterApp .ttr-shell{padding:6px!important;}
html body #ttRouterApp#ttRouterApp .ttr-app-header{display:none!important;}
html body #ttRouterApp#ttRouterApp .ttr-tabs-shell{margin-bottom:7px!important;}
html body #ttRouterApp#ttRouterApp .ttr-tab{min-height:58px!important;padding:7px 4px 15px!important;}
html body #ttRouterApp#ttRouterApp .ttr-stage{gap:7px!important;}
html body #ttRouterApp#ttRouterApp .ttr-content{
order:1!important;
padding:11px 12px 10px!important;
border-radius:17px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-content::before{top:12px!important;height:54px!important;width:3px!important;}
html body #ttRouterApp#ttRouterApp .ttr-panel-head{display:none!important;}
html body #ttRouterApp#ttRouterApp .ttr-panel h3{margin:0!important;font-size:20px!important;line-height:1.42!important;}
html body #ttRouterApp#ttRouterApp .ttr-panel h3::after{width:34px!important;margin-top:5px!important;}
html body #ttRouterApp#ttRouterApp .ttr-lead{margin-top:5px!important;font-size:12.2px!important;line-height:1.75!important;}
html body #ttRouterApp#ttRouterApp .ttr-info{margin-top:7px!important;padding:7px 9px!important;border-radius:12px!important;}
html body #ttRouterApp#ttRouterApp .ttr-info-title{display:none!important;}
html body #ttRouterApp#ttRouterApp .ttr-tags{gap:4px 10px!important;}
html body #ttRouterApp#ttRouterApp .ttr-tag{font-size:8.9px!important;line-height:1.55!important;}
html body #ttRouterApp#ttRouterApp .ttr-actions{
margin-top:8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;gap:4px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-actions::before{display:none!important;}
html body #ttRouterApp#ttRouterApp .ttr-btn,
html body #ttRouterApp#ttRouterApp .ttr-compare-btn{min-height:44px!important;border-radius:12px!important;font-size:11.5px!important;}
html body #ttRouterApp#ttRouterApp .ttr-btn{box-shadow:0 8px 18px rgba(31,45,80,.13)!important;}
html body #ttRouterApp#ttRouterApp .ttr-btn-soft{
min-height:30px!important;padding:3px 8px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--accent)!important;font-size:9.8px!important;text-decoration:underline!important;text-underline-offset:3px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-decision-cues{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;padding:6px!important;}
html body #ttRouterApp#ttRouterApp .ttr-decision-cue{padding:5px!important;min-width:0!important;font-size:8.5px!important;line-height:1.45!important;}
html body #ttRouterApp#ttRouterApp .ttr-truth-line{margin:6px 0 0!important;font-size:8.7px!important;line-height:1.55!important;}
html body #ttRouterApp#ttRouterApp .ttr-media{order:2!important;padding:8px!important;border-radius:18px!important;}
html body #ttRouterApp#ttRouterApp .ttr-media-header{min-height:32px!important;margin-bottom:6px!important;padding:4px 7px!important;}
html body #ttRouterApp#ttRouterApp .ttr-images{grid-template-columns:1fr!important;gap:6px!important;}
html body #ttRouterApp#ttRouterApp .ttr-photo.main img{width:100%!important;height:230px!important;object-fit:cover!important;object-position:center 46%!important;}
html body #ttRouterApp#ttRouterApp .ttr-photo-stack{grid-template-columns:1fr 1fr!important;gap:6px!important;}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img{width:100%!important;height:105px!important;object-fit:cover!important;object-position:center!important;}
html body #ttRouterApp#ttRouterApp .ttr-photo figcaption{min-height:26px!important;padding:4px 6px!important;font-size:8.5px!important;}
html body #ttRouterApp#ttRouterApp .ttr-media-foot{margin-top:6px!important;padding:6px 7px!important;font-size:8.8px!important;line-height:1.6!important;}
html body #ttRouterApp#ttRouterApp .ttr-mobile-dock{display:none!important;}
html body #ttFinalFooter#ttFinalFooter{
padding:14px 0 14px!important;
background:
radial-gradient(ellipse at 88% -18%,rgba(119,130,239,.28) 0%,transparent 42%),
radial-gradient(ellipse at 5% 112%,rgba(116,170,155,.22) 0%,transparent 44%),
radial-gradient(ellipse at 55% 120%,rgba(238,184,157,.13) 0%,transparent 46%),
linear-gradient(145deg,#111b36 0%,#1a2445 52%,#173b3f 100%)!important;
}
html body #ttFinalFooter#ttFinalFooter::before{height:2px!important;background:linear-gradient(90deg,transparent,#eeb89d 28%,#7782ef 52%,#74aa9b 74%,transparent)!important;opacity:.78!important;}
html body #ttFinalFooter#ttFinalFooter .ttff-main{border-color:rgba(255,255,255,.10)!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 42px rgba(7,12,28,.13)!important;}
html body #ttFinalFooter#ttFinalFooter .ttff-consult{box-shadow:0 9px 22px rgba(86,75,202,.20)!important;}
}
@media (max-width:390px){
html body #ttRouterApp#ttRouterApp .ttr-photo.main img{height:214px!important;}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img{height:96px!important;}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp .ttr-content{
padding:9px 11px 8px!important;
border-radius:16px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-panel h3{
font-size:22px!important;
line-height:1.38!important;
}
html body #ttRouterApp#ttRouterApp .ttr-panel h3::after{
margin-top:4px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-lead{
margin-top:4px!important;
font-size:13.8px!important;
line-height:1.68!important;
}
html body #ttRouterApp#ttRouterApp .ttr-info{
margin-top:6px!important;
padding:5px 6px!important;
border-radius:11px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-tags{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:4px!important;
align-items:stretch!important;
}
html body #ttRouterApp#ttRouterApp .ttr-tag{
min-width:0!important;
margin:0!important;
padding:4px 3px!important;
font-size:10.4px!important;
line-height:1.48!important;
text-align:center!important;
justify-content:center!important;
}
html body #ttRouterApp#ttRouterApp .ttr-actions{
margin-top:7px!important;
gap:2px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-btn,
html body #ttRouterApp#ttRouterApp .ttr-compare-btn{
min-height:42px!important;
font-size:12.4px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-btn-soft{
min-height:24px!important;
padding:1px 6px!important;
font-size:10.4px!important;
line-height:1.35!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media{
padding:8px!important;
border-radius:19px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-header{
min-height:34px!important;
margin-bottom:7px!important;
font-size:12px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.main img{
height:278px!important;
object-fit:cover!important;
object-position:center 42%!important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img{
height:128px!important;
object-fit:cover!important;
object-position:center!important;
}
html body #ttRouterApp#ttRouterApp .ttr-photo figcaption{
min-height:27px!important;
padding:4px 6px!important;
font-size:9.4px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-media-foot{
margin-top:6px!important;
padding:6px 7px!important;
font-size:9.4px!important;
}
}
@media (max-width:390px){
html body #ttRouterApp#ttRouterApp .ttr-photo.main img{height:266px!important;}
html body #ttRouterApp#ttRouterApp .ttr-photo.small img{height:120px!important;}
}
\n\n@media (max-width:767px){\n  \n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-content{\n    padding:8px 10px 7px!important;\n    border-radius:16px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-panel h3{\n    margin:0!important;\n    font-size:21px!important;\n    line-height:1.38!important;\n    letter-spacing:-.25px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-panel h3::after{\n    width:30px!important;\n    margin-top:3px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-lead{\n    max-width:none!important;\n    margin-top:3px!important;\n    font-size:13.7px!important;\n    line-height:1.62!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-info{\n    margin-top:5px!important;\n    padding:5px 6px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-tags{\n    grid-template-columns:repeat(3,minmax(0,1fr))!important;\n    gap:3px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-tag{\n    min-height:28px!important;\n    padding:3px 2px!important;\n    font-size:10px!important;\n    line-height:1.25!important;\n    white-space:nowrap!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-tag::before{\n    width:5px!important;height:5px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-actions{\n    margin-top:6px!important;\n    gap:1px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-btn,\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-compare-btn{\n    min-height:41px!important;\n    padding:0 11px!important;\n    font-size:12px!important;\n    line-height:1.35!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-btn-soft{\n    min-height:23px!important;\n    padding:0 5px!important;\n    font-size:10.2px!important;\n  }\n\n  \n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-decision-cues{\n    display:grid!important;\n    grid-template-columns:1fr 1fr!important;\n    gap:5px!important;\n    padding:5px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-decision-cue{\n    min-height:66px!important;\n    padding:7px 6px!important;\n    display:flex!important;\n    flex-direction:column!important;\n    justify-content:center!important;\n    gap:3px!important;\n    border-radius:11px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-decision-cue strong{\n    font-size:12px!important;\n    line-height:1.35!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-decision-cue small{\n    font-size:10.5px!important;\n    line-height:1.5!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-truth-line{display:none!important;}\n\n  \n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-media{\n    padding:8px!important;\n    border-radius:20px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-media-header{\n    min-height:34px!important;\n    margin-bottom:7px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-images{\n    display:grid!important;\n    grid-template-columns:minmax(0,1.9fr) minmax(0,.72fr)!important;\n    gap:7px!important;\n    align-items:stretch!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.main{\n    min-width:0!important;\n    height:auto!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.main img{\n    width:100%!important;\n    height:315px!important;\n    object-fit:cover!important;\n    object-position:center 42%!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo-stack{\n    min-width:0!important;\n    display:grid!important;\n    grid-template-columns:1fr!important;\n    grid-template-rows:1fr 1fr!important;\n    gap:7px!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.small{\n    min-width:0!important;\n    height:auto!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.small img{\n    width:100%!important;\n    height:141px!important;\n    object-fit:cover!important;\n    object-position:center!important;\n  }\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo figcaption{\n    min-height:27px!important;\n    padding:4px 4px!important;\n    font-size:9px!important;\n    line-height:1.35!important;\n  }\n  \n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-media-foot{display:none!important;}\n}\n@media (max-width:390px){\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-panel h3{font-size:20.5px!important;}\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-lead{font-size:13.4px!important;}\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-tag{font-size:9.6px!important;}\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.main img{height:305px!important;}\n  html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.small img{height:136px!important;}\n}\n
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp #ttr-panel-unsure{
padding-bottom:0!important;
}
html body #ttRouterApp#ttRouterApp #ttr-panel-unsure h3{
font-size:21px!important;
line-height:1.34!important;
margin:0!important;
}
html body #ttRouterApp#ttRouterApp #ttr-panel-unsure .ttr-unsure-lead{
margin:4px 0 0!important;
font-size:13.7px!important;
line-height:1.55!important;
}
html body #ttRouterApp#ttRouterApp #ttr-panel-unsure .ttr-actions{
margin-top:8px!important;
gap:2px!important;
}
html body #ttRouterApp#ttRouterApp #ttr-panel-unsure .ttr-compare-btn{
order:1!important;
width:100%!important;
min-height:44px!important;
border:0!important;
color:#fff!important;
background:linear-gradient(135deg,#2f927c 0%,#348e79 55%,#3f9b84 100%)!important;
box-shadow:0 8px 18px rgba(39,119,100,.18)!important;
font-size:12.5px!important;
font-weight:800!important;
}
html body #ttRouterApp#ttRouterApp #ttr-panel-unsure .ttr-consult{
order:2!important;
min-height:26px!important;
padding:2px 6px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
color:#2f806f!important;
font-size:10.4px!important;
text-decoration:underline!important;
text-underline-offset:3px!important;
}
html body #ttRouterApp#ttRouterApp .ttr-stage{
gap:5px!important;
}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp{
padding-bottom:20px!important;
}
html body #ttProof#ttProof{
margin-top:0!important;
padding-top:14px!important;
}
html body #ttProof#ttProof .ttp-intro{
margin-top:0!important;
}
}
@media (max-width:390px){
html body #ttRouterApp#ttRouterApp{padding-bottom:16px!important;}
html body #ttProof#ttProof{padding-top:12px!important;}
}
@media (max-width:767px){
html body #ttProof#ttProof .ttp-story{
padding:11px 11px 10px !important;
border-radius:18px !important;
}
html body #ttProof#ttProof .ttp-story::before{
top:13px !important;
height:56px !important;
}
html body #ttProof#ttProof .ttp-story-head,
html body #ttProof#ttProof .ttp-story-script,
html body #ttProof#ttProof .ttp-big-section-number{
display:none !important;
}
html body #ttProof#ttProof .ttp-story-panel:not([hidden]){
display:block !important;
height:auto !important;
min-height:0 !important;
}
html body #ttProof#ttProof .ttp-story-panel h3{
margin:0 !important;
font-size:clamp(21px,6.15vw,25px) !important;
line-height:1.38 !important;
letter-spacing:0 !important;
}
html body #ttProof#ttProof .ttp-story-lead{
margin:5px 0 0 !important;
font-size:13.5px !important;
line-height:1.72 !important;
}
html body #ttProof#ttProof .ttp-insight-block{
margin-top:8px !important;
padding:7px !important;
gap:0 !important;
min-height:0 !important;
max-height:none !important;
border-radius:13px !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-title{
margin:0 0 5px !important;
padding:0 2px !important;
font-size:10.5px !important;
line-height:1.55 !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-title-icon{
width:20px !important;
height:20px !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-items{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:4px !important;
border:0 !important;
background:transparent !important;
overflow:visible !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item{
min-width:0 !important;
min-height:40px !important;
padding:5px 4px !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
border:1px solid rgba(24,39,80,.065) !important;
border-radius:9px !important;
background:rgba(255,255,255,.66) !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item + .ttp-focus-item{
border-top:1px solid rgba(24,39,80,.065) !important;
border-right:1px solid rgba(24,39,80,.065) !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item::before,
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item small{
display:none !important;
}
html body #ttProof#ttProof .ttp-insight-block .ttp-focus-item strong{
font-size:10px !important;
line-height:1.5 !important;
}
html body #ttProof#ttProof .ttp-insight-block > .ttp-view-map{
display:none !important;
}
html body #ttProof#ttProof .ttp-story-panel .ttp-actions{
margin:8px 0 0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
}
html body #ttProof#ttProof .ttp-next{
min-height:43px !important;
padding:0 14px 0 42px !important;
border-radius:12px !important;
font-size:11.5px !important;
}
html body #ttProof#ttProof .ttp-next::before{
left:8px !important;
width:27px !important;
height:27px !important;
border-radius:9px !important;
font-size:13px !important;
}
html body #ttProof#ttProof{
padding-bottom:34px !important;
}
}
@media (max-width:767px){
html body #ttProof#ttProof .ttp-control{
will-change:transform,background-color,box-shadow,border-color;
transition:
transform .16s cubic-bezier(.2,.8,.2,1),
background-color .18s ease,
border-color .18s ease,
box-shadow .18s ease !important;
}
html body #ttProof#ttProof .ttp-control:active{
transform:scale(.975) !important;
}
html body #ttProof#ttProof .ttp-control[aria-selected="true"]{
transform:translateY(-1px) !important;
}
html body #ttProof#ttProof .ttp-image-stage{
transform:translateZ(0);
contain:paint;
}
html body #ttProof#ttProof .ttp-image-layer{
will-change:opacity,transform,filter;
transform:translate3d(0,9px,0) scale(.985) !important;
filter:saturate(.97) blur(.2px);
transition:
opacity .28s cubic-bezier(.2,.75,.2,1),
transform .34s cubic-bezier(.18,.82,.24,1),
filter .28s ease,
visibility 0s linear .30s !important;
}
html body #ttProof#ttProof .ttp-image-layer.active{
transform:translate3d(0,0,0) scale(1) !important;
filter:none;
transition:
opacity .26s cubic-bezier(.2,.75,.2,1),
transform .34s cubic-bezier(.18,.82,.24,1),
filter .26s ease,
visibility 0s !important;
}
html body #ttProof#ttProof .ttp-proof-img{
backface-visibility:hidden;
transform:translateZ(0) scale(1.006) !important;
transition:transform .44s cubic-bezier(.18,.82,.24,1) !important;
}
html body #ttProof#ttProof.tt-r08-switch .ttp-image-layer.active .ttp-proof-img{
animation:ttR08ImageSettle .38s cubic-bezier(.18,.82,.24,1) both;
}
html body #ttProof#ttProof.tt-r08-switch .ttp-story{
animation:ttR08StorySettle .26s cubic-bezier(.2,.75,.2,1) both;
}
html body #ttProof#ttProof.tt-r08-switch .ttp-viewer-head{
animation:ttR08MetaSettle .22s ease both;
}
@keyframes ttR08ImageSettle{
0%{opacity:.82;transform:translate3d(0,4px,0) scale(1.016);}
100%{opacity:1;transform:translate3d(0,0,0) scale(1.006);}
}
@keyframes ttR08StorySettle{
0%{opacity:.76;transform:translate3d(0,5px,0);}
100%{opacity:1;transform:none;}
}
@keyframes ttR08MetaSettle{
0%{opacity:.72;transform:translate3d(0,3px,0);}
100%{opacity:1;transform:none;}
}
}
@media (prefers-reduced-motion:reduce){
html body #ttProof#ttProof.tt-r08-switch .ttp-image-layer.active .ttp-proof-img,
html body #ttProof#ttProof.tt-r08-switch .ttp-story,
html body #ttProof#ttProof.tt-r08-switch .ttp-viewer-head{
animation:none !important;
}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.main img{
object-fit:cover !important;
object-position:50% 64% !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo-stack .ttr-photo:nth-child(1) img{
object-fit:cover !important;
object-position:50% 58% !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo-stack .ttr-photo:nth-child(2) img{
object-fit:cover !important;
object-position:50% 52% !important;
}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.main img{
object-fit:cover !important;
object-position:50% 50% !important;
}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp#ttRouterApp
.ttr-photo[data-r11-role="fullface"] img{
object-fit:cover !important;
object-position:50% 22% !important;
transform:none !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp
.ttr-photo[data-r11-role="smile"] img{
object-fit:cover !important;
object-position:50% 67% !important;
transform:scale(1.035) !important;
transform-origin:50% 67% !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp
.ttr-photo[data-r11-role="closeup"] img{
object-fit:cover !important;
object-position:50% 50% !important;
transform:none !important;
}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo[data-r12-role="smile"] img{
object-fit:cover !important;
object-position:50% 28% !important;
transform:none !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo[data-r12-role="nimrokh"] img{
object-fit:cover !important;
object-position:60% 52% !important;
transform:scale(1.06) !important;
transform-origin:60% 52% !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo[data-r12-role="closeup"] img{
object-fit:cover !important;
object-position:50% 50% !important;
transform:none !important;
}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo[data-r13-role="smile"] img{
object-fit:cover !important;
object-position:50% 54% !important;
transform:scale(1.035) !important;
transform-origin:50% 54% !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo[data-r13-role="nimrokh"] img{
object-fit:cover !important;
object-position:58% 42% !important;
transform:none !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo[data-r13-role="closeup"] img{
object-fit:cover !important;
object-position:50% 50% !important;
transform:none !important;
aspect-ratio: 16 / 9 !important;
}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.main img{
object-fit:cover !important;
object-position:50% 54% !important;
transform:scale(1.035) !important;
transform-origin:50% 54% !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp
.ttr-photo-stack .ttr-photo:nth-child(1) img{
object-fit:cover !important;
object-position:58% 42% !important;
transform:none !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp
.ttr-photo-stack .ttr-photo:nth-child(2) img{
object-fit:cover !important;
object-position:50% 50% !important;
transform:none !important;
}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp#ttRouterApp
.ttr-photo-stack .ttr-photo:nth-child(1) img{
object-fit:cover !important;
object-position:62% 69% !important;
transform:scale(1.055) !important;
transform-origin:62% 69% !important;
}
}
@media (max-width:767px){
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.tt-r16-closeup-horizontal img{
object-fit:cover !important;
object-position:50% 50% !important;
aspect-ratio:16 / 9 !important;
width:100% !important;
transform:none !important;
}
html body #ttRouterApp#ttRouterApp#ttRouterApp .ttr-photo.tt-r16-closeup-horizontal{
overflow:hidden !important;
}
}
@media (max-width:767px){
#ttRouterApp .ttr-images{display:grid !important; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) !important; gap:12px !important; align-items:stretch !important;}
#ttRouterApp .ttr-photo.main{order:1 !important;}
#ttRouterApp .ttr-photo-stack{order:2 !important; display:grid !important; grid-template-rows:1fr 1fr !important; gap:12px !important;}
#ttRouterApp .ttr-photo.main img{
object-fit:cover !important;
object-position:50% 56% !important;
transform:scale(1.03) !important;
transform-origin:50% 56% !important;
aspect-ratio:auto !important;
}
#ttRouterApp .ttr-photo.main figcaption::before{content:'';}
#ttRouterApp .ttr-photo-stack .ttr-photo:nth-child(1) img{
object-fit:cover !important;
object-position:62% 68% !important;
transform:scale(1.055) !important;
transform-origin:62% 68% !important;
}
#ttRouterApp .ttr-photo-stack .ttr-photo:nth-child(2){
overflow:hidden !important;
}
#ttRouterApp .ttr-photo-stack .ttr-photo:nth-child(2) img{
object-fit:cover !important;
object-position:50% 50% !important;
width:100% !important;
height:100% !important;
transform:none !important;
}
}
@media (max-width:767px){
#ttRouterApp .ttr-images{display:grid !important;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) !important;gap:12px !important;align-items:stretch !important;}
#ttRouterApp .ttr-photo.main{order:1 !important;}
#ttRouterApp .ttr-photo-stack{order:2 !important;display:grid !important;grid-template-rows:1fr 1fr !important;gap:12px !important;}
#ttRouterApp .ttr-photo.main img{
object-fit:cover !important;
object-position:50% 55% !important;
transform:scale(1.03) !important;
transform-origin:50% 55% !important;
}
#ttRouterApp .ttr-photo-stack .ttr-photo:nth-child(1) img{
object-fit:cover !important;
object-position:62% 69% !important;
transform:scale(1.055) !important;
transform-origin:62% 69% !important;
}
#ttRouterApp .ttr-photo-stack .ttr-photo:nth-child(2) img{
object-fit:cover !important;
object-position:50% 50% !important;
transform:scale(1.02) !important;
transform-origin:50% 50% !important;
width:100% !important;
height:100% !important;
}
}
@media (max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning{
padding:14px 0 18px !important;
}
html body #ttCenterPositioning#ttCenterPositioning::before{
inset:4px -8px 6px !important;
}
html body #ttCenterPositioning#ttCenterPositioning::after{
display:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-container{
padding-inline:10px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-chapter{
min-height:32px !important;
height:auto !important;
margin:0 0 6px !important;
padding:0 4px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-chapter-main{
min-height:32px !important;
gap:7px !important;
font-size:10.5px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-chapter-index{
display:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell{
display:block !important;
min-height:0 !important;
height:auto !important;
padding:8px !important;
border-radius:24px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy{
min-height:0 !important;
height:auto !important;
padding:15px 14px 13px !important;
border-radius:19px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy-inner{
margin:0 !important;
min-height:0 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-label{
margin:0 0 7px !important;
min-height:0 !important;
padding:4px 9px !important;
font-size:10.5px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-copy h2{
margin:0 !important;
font-size:clamp(27px,7.5vw,31px) !important;
line-height:1.42 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-main-copy{
margin:8px 0 0 !important;
font-size:14.5px !important;
line-height:1.85 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principles{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:6px !important;
margin:10px 0 0 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principle{
min-height:68px !important;
height:auto !important;
padding:7px 5px !important;
gap:5px !important;
justify-content:center !important;
text-align:center !important;
border-radius:13px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principle-icon{
width:28px !important;
height:28px !important;
margin:0 auto !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principle strong{
font-size:11px !important;
line-height:1.45 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-principle small{
display:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media{
min-height:0 !important;
height:auto !important;
margin-top:8px !important;
padding:10px !important;
border-radius:19px !important;
overflow:hidden !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-media-head{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
justify-content:space-between !important;
gap:5px 10px !important;
min-height:0 !important;
margin:0 0 8px !important;
padding:0 2px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-media-head strong{
font-size:15px !important;
line-height:1.5 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-eyebrow{
font-size:10px !important;
min-height:28px !important;
padding:4px 9px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-gallery{
display:flex !important;
grid-template-columns:none !important;
gap:8px !important;
height:184px !important;
min-height:184px !important;
margin:0 !important;
padding:0 48px 2px 0 !important;
overflow-x:auto !important;
overflow-y:hidden !important;
scroll-snap-type:x mandatory !important;
scrollbar-width:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-gallery::-webkit-scrollbar{
display:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo{
position:relative !important;
flex:0 0 79% !important;
width:79% !important;
max-width:79% !important;
height:180px !important;
min-height:180px !important;
margin:0 !important;
border-radius:16px !important;
overflow:hidden !important;
scroll-snap-align:start !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-main img{
object-position:50% 55% !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-room img{
object-position:50% 48% !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-care img{
object-position:50% 44% !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption{
position:absolute !important;
inset:auto 7px 7px 7px !important;
z-index:2 !important;
min-height:0 !important;
height:auto !important;
padding:7px 9px !important;
display:flex !important;
align-items:center !important;
gap:6px !important;
border:1px solid rgba(255,255,255,.54) !important;
border-radius:11px !important;
background:rgba(255,255,255,.86) !important;
-webkit-backdrop-filter:blur(9px) !important;
backdrop-filter:blur(9px) !important;
box-shadow:0 6px 18px rgba(25,35,70,.08) !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption span{
font-size:9px !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption strong{
font-size:11.5px !important;
line-height:1.35 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption small{
display:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-v639-bridge{
display:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
padding-top:16px !important;
}
}
@media (max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-media{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-media::before,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-media::after{
display:none !important;
content:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-gallery{
position:relative !important;
z-index:3 !important;
height:196px !important;
min-height:196px !important;
padding:0 48px 2px 0 !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo{
position:relative !important;
z-index:3 !important;
flex:0 0 79% !important;
width:79% !important;
max-width:79% !important;
height:192px !important;
min-height:192px !important;
background:#f8fafb !important;
border:1px solid rgba(206,216,228,.42) !important;
box-shadow:0 8px 20px rgba(24,35,70,.05) !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo img{
position:relative !important;
z-index:1 !important;
opacity:1 !important;
filter:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-main img{
object-position:50% 30% !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-room img{
object-position:50% 34% !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-care img{
object-position:50% 32% !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption{
inset:auto 8px 8px 8px !important;
padding:6px 8px !important;
background:rgba(255,255,255,.94) !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
box-shadow:0 5px 14px rgba(25,35,70,.07) !important;
}
}
@media (max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-media{
overflow:visible !important;
background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,252,248,.34)) !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-media::before,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-media::after,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-gallery::before,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-gallery::after,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo::before,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo::after{
content:none !important;
display:none !important;
background:none !important;
box-shadow:none !important;
filter:none !important;
opacity:0 !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-gallery{
position:relative !important;
z-index:5 !important;
align-items:stretch !important;
height:auto !important;
min-height:0 !important;
padding:0 40px 0 0 !important;
overflow-x:auto !important;
overflow-y:hidden !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo{
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
flex:0 0 79% !important;
width:79% !important;
max-width:79% !important;
min-height:0 !important;
height:auto !important;
padding:0 !important;
background:#fff !important;
border:1px solid rgba(215,222,234,.72) !important;
border-radius:22px !important;
box-shadow:0 10px 24px rgba(24,35,70,.06) !important;
overflow:hidden !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo img{
display:block !important;
width:100% !important;
height:156px !important;
min-height:156px !important;
max-height:156px !important;
object-fit:cover !important;
object-position:center center !important;
filter:none !important;
opacity:1 !important;
mix-blend-mode:normal !important;
background:#fff !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-main img{object-position:50% 42% !important;}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-room img{object-position:50% 42% !important;}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-care img{object-position:50% 42% !important;}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption{
position:static !important;
inset:auto !important;
min-height:0 !important;
margin:0 !important;
padding:9px 12px 11px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:8px !important;
background:#fff !important;
border:0 !important;
border-top:1px solid rgba(231,236,244,.92) !important;
border-radius:0 !important;
box-shadow:none !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption span{
flex:0 0 auto !important;
color:rgba(79,143,126,.72) !important;
font-size:10px !important;
line-height:1 !important;
font-weight:850 !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption strong{
font-size:12px !important;
line-height:1.5 !important;
color:#182750 !important;
font-weight:820 !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption small{
display:none !important;
}
}
@media (max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-gallery{
padding:0 34px 0 0 !important;
gap:10px !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo{
flex:0 0 82% !important;
width:82% !important;
max-width:82% !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo img{
height:148px !important;
min-height:148px !important;
max-height:148px !important;
object-fit:cover !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-main img{
object-position:50% 18% !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-room img{
object-position:50% 16% !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo-care img{
object-position:50% 20% !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v639-photo figcaption{
padding:8px 12px 10px !important;
border-top:1px solid rgba(228,234,242,.98) !important;
background:#fff !important;
}
}
@media (max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-media{
min-height:0 !important;
padding:14px !important;
overflow:visible !important;
background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,252,248,.34)) !important;
border-color:rgba(238,219,202,.30) !important;
box-shadow:none !important;
isolation:isolate !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-media::before,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-media::after,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-strip::before,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-strip::after,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-card::before,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-card::after,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-frame::before,
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-frame::after{
content:none !important;
display:none !important;
background:none !important;
box-shadow:none !important;
filter:none !important;
opacity:0 !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-head{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
flex-wrap:wrap !important;
gap:6px 10px !important;
margin:0 0 10px !important;
padding:0 2px !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-kicker{
min-height:28px !important;
padding:4px 10px !important;
display:inline-flex !important;
align-items:center !important;
gap:7px !important;
border-radius:999px !important;
color:#557f73 !important;
border:1px solid rgba(85,127,115,.13) !important;
background:rgba(244,250,247,.88) !important;
font-size:10px !important;
font-weight:860 !important;
line-height:1 !important;
white-space:nowrap !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-kicker i{
width:8px !important;
height:8px !important;
border-radius:50% !important;
background:#74a898 !important;
flex:0 0 auto !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-head strong{
color:#182750 !important;
font-size:15px !important;
line-height:1.45 !important;
font-weight:880 !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-strip{
position:relative !important;
z-index:2 !important;
display:flex !important;
gap:10px !important;
margin:0 !important;
padding:0 36px 0 0 !important;
overflow-x:auto !important;
overflow-y:hidden !important;
scroll-snap-type:x mandatory !important;
scrollbar-width:none !important;
mask:none !important;
-webkit-mask:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-strip::-webkit-scrollbar{
display:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-card{
flex:0 0 82% !important;
width:82% !important;
max-width:82% !important;
min-width:82% !important;
margin:0 !important;
display:flex !important;
flex-direction:column !important;
border-radius:20px !important;
overflow:hidden !important;
scroll-snap-align:start !important;
background:#ffffff !important;
border:1px solid rgba(217,224,235,.88) !important;
box-shadow:0 10px 24px rgba(24,35,70,.055) !important;
transform:none !important;
mask:none !important;
-webkit-mask:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-frame{
position:relative !important;
height:168px !important;
min-height:168px !important;
max-height:168px !important;
overflow:hidden !important;
background:#f7f8fa !important;
mask:none !important;
-webkit-mask:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-frame img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
transform:none !important;
clip-path:none !important;
mask:none !important;
-webkit-mask:none !important;
background:#f7f8fa !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-card figcaption{
margin:0 !important;
padding:10px 12px 11px !important;
display:flex !important;
align-items:center !important;
gap:8px !important;
border-top:1px solid rgba(230,235,242,.96) !important;
background:#fff !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-card figcaption span{
flex:0 0 auto !important;
color:rgba(79,143,126,.76) !important;
font-size:10px !important;
line-height:1 !important;
font-weight:860 !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-card figcaption strong{
color:#182750 !important;
font-size:12px !important;
line-height:1.5 !important;
font-weight:840 !important;
}
html body #ttCenterPositioning#ttCenterPositioning#ttCenterPositioning .ttcp-v723-footnote{
display:none !important;
}
}
@media (max-width:767px){
html body #ttDedicatedExperience#ttDedicatedExperience{padding-top:16px!important;padding-bottom:28px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-wrap{width:calc(100% - 18px)!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-chapter{min-height:30px!important;margin:0 0 6px!important;padding:0 5px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-chapter-note{display:none!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-shell{padding:7px!important;gap:7px!important;border-radius:23px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-copy{padding:15px 13px 13px!important;border-radius:18px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-copy::before{top:15px!important;height:65px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-eyebrow{min-height:25px!important;margin-bottom:6px!important;padding:0 8px!important;font-size:8.2px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience h2{margin:0!important;font-size:clamp(27px,7.3vw,31px)!important;line-height:1.34!important;letter-spacing:-.2px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-lead{margin:7px 0 0!important;font-size:12.8px!important;line-height:1.78!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-copy-script{display:none!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-focus{margin-top:8px!important;padding:9px 10px 9px 34px!important;min-height:0!important;border-radius:12px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-focus small{display:none!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-focus strong{display:block!important;font-size:10.8px!important;line-height:1.65!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-focus-icon{left:7px!important;width:22px!important;height:22px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-timeline{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:7px!important;padding:0!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-step{min-height:48px!important;margin:0!important;padding:6px 4px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:10px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-step-head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-step-num{min-width:19px!important;width:19px!important;height:17px!important;border-radius:6px!important;font-size:6px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-step strong{font-size:8.2px!important;line-height:1.35!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-step small{display:none!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-action{margin-top:8px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-cta{min-height:42px!important;padding:0 11px 0 6px!important;gap:8px!important;border-radius:12px!important;font-size:10.5px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-cta-arrow{width:30px!important;height:30px!important;border-radius:9px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-media{padding:8px!important;border-radius:18px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-mobile-state-rail,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-guide,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-human,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-bottom{display:none!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-media-head{min-height:31px!important;margin:0 0 5px!important;padding:4px 6px!important;border-radius:10px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-media-title strong{font-size:10.5px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-duration{min-height:23px!important;padding:0 6px!important;font-size:8px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-switch{margin:0 0 5px!important;padding:3px!important;gap:3px!important;border-radius:11px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-tab{min-height:39px!important;padding:4px 5px!important;border-radius:8px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-tab-num{width:23px!important;height:23px!important;min-width:23px!important;border-radius:7px!important;font-size:7px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-tab-copy strong{font-size:8.8px!important;line-height:1.3!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-tab-copy small{display:none!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-frame{padding:3px!important;border-radius:17px!important;box-shadow:0 8px 20px rgba(35,42,90,.075)!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-stage,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-panel,
html body #ttDedicatedExperience#ttDedicatedExperience video{border-radius:14px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-mobile-call-action{min-height:43px!important;margin-top:6px!important;border-radius:11px!important;font-size:9.2px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-mobile-call-icon{width:29px!important;height:29px!important;}
}
@media (max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning{min-height:0!important;height:auto!important;padding-top:14px!important;padding-bottom:10px!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-container,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media{min-height:0!important;height:auto!important;max-height:none!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell{display:block!important;padding:8px!important;gap:0!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media{margin-top:8px!important;padding:12px!important;overflow:visible!important;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,252,248,.36))!important;border:1px solid rgba(238,219,202,.30)!important;border-radius:19px!important;box-shadow:none!important;isolation:isolate!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media::before,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media::after,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-strip::before,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-strip::after,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card::before,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card::after,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-frame::before,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-frame::after{content:none!important;display:none!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:6px 10px!important;margin:0 0 9px!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:27px!important;padding:4px 9px!important;border:1px solid rgba(85,127,115,.13)!important;border-radius:999px!important;background:rgba(244,250,247,.90)!important;color:#557f73!important;font-size:9.5px!important;font-weight:850!important;white-space:nowrap!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-kicker i{width:8px!important;height:8px!important;border-radius:50%!important;background:#74a898!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-head strong{color:#182750!important;font-size:14.5px!important;line-height:1.45!important;font-weight:880!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-strip{display:flex!important;gap:9px!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0 34px 0 0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;mask:none!important;-webkit-mask:none!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-strip::-webkit-scrollbar{display:none!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card{flex:0 0 82%!important;width:82%!important;max-width:82%!important;min-width:82%!important;min-height:0!important;height:auto!important;margin:0!important;overflow:hidden!important;scroll-snap-align:start!important;border:1px solid rgba(217,224,235,.88)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 20px rgba(24,35,70,.05)!important;mask:none!important;-webkit-mask:none!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-frame{display:block!important;position:relative!important;width:100%!important;height:174px!important;min-height:174px!important;max-height:174px!important;overflow:hidden!important;background:#f7f8fa!important;mask:none!important;-webkit-mask:none!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-frame img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;transform:none!important;clip-path:none!important;mask:none!important;-webkit-mask:none!important;background:#f7f8fa!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card figcaption{position:static!important;margin:0!important;padding:9px 11px 10px!important;display:flex!important;align-items:center!important;gap:8px!important;background:#fff!important;border:0!important;border-top:1px solid rgba(230,235,242,.96)!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card figcaption span{color:rgba(79,143,126,.76)!important;font-size:10px!important;font-weight:860!important;}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card figcaption strong{color:#182750!important;font-size:12px!important;font-weight:840!important;}
html body #ttDedicatedExperience#ttDedicatedExperience{margin-top:0!important;padding-top:8px!important;}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-chapter{margin-top:0!important;}
}
@media (max-width:767px){
html body #ttCenterPositioning#ttCenterPositioning{
position:relative !important;
z-index:6 !important;
isolation:isolate !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-container,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-head,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-strip,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-frame,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-frame img,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card figcaption{
position:relative !important;
z-index:8 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media::before,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media::after,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-strip::before,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-strip::after,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card::before,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card::after,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-frame::before,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-frame::after{
content:none !important;
display:none !important;
background:none !important;
box-shadow:none !important;
opacity:0 !important;
filter:none !important;
mask:none !important;
-webkit-mask:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-frame,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-frame img{
mask:none !important;
-webkit-mask:none !important;
clip-path:none !important;
filter:none !important;
mix-blend-mode:normal !important;
opacity:1 !important;
}
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer{
z-index:0 !important;
pointer-events:none !important;
}
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer::before,
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer::after{
z-index:0 !important;
pointer-events:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
position:relative !important;
z-index:1 !important;
isolation:isolate !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer{
z-index:0 !important;
pointer-events:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience::before,
html body #ttDedicatedExperience#ttDedicatedExperience::after,
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer::before,
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer::after{
z-index:0 !important;
pointer-events:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-wrap,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-shell{
position:relative !important;
z-index:2 !important;
}
html body #ttCenterPositioning#ttCenterPositioning .ttcp-container,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-shell,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-media,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-strip{
mask:none !important;
-webkit-mask:none !important;
clip-path:none !important;
}
}
@media (max-width: 767px){
#ttTreatmentTeam{
position:relative !important;
isolation:isolate !important;
z-index:12 !important;
overflow:visible !important;
}
#ttTreatmentTeam > .tttm-ambient-layer{
z-index:0 !important;
pointer-events:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
filter:none !important;
opacity:1 !important;
top:0 !important;
bottom:0 !important;
left:0 !important;
right:0 !important;
}
#ttTreatmentTeam > .tttm-container,
#ttTreatmentTeam .tttm-intro,
#ttTreatmentTeam .tttm-shell,
#ttTreatmentTeam .tttm-authority,
#ttTreatmentTeam .tttm-authority-main,
#ttTreatmentTeam .tttm-team,
#ttTreatmentTeam .tttm-team-grid,
#ttTreatmentTeam .tttm-team-card,
#ttTreatmentTeam .tttm-card,
#ttTreatmentTeam .tttm-team-foot{
position:relative !important;
z-index:3 !important;
}
#ttTreatmentTeam .tttm-shell::before,
#ttTreatmentTeam .tttm-shell::after,
#ttTreatmentTeam .tttm-authority::before,
#ttTreatmentTeam .tttm-authority::after{
z-index:1 !important;
}
#ttLocalAccess{
position:relative !important;
z-index:1 !important;
}
#ttLocalAccess > .ttla-ambient-layer{
z-index:0 !important;
}
}
@media (max-width:767px){
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam{
--r28-card-radius:22px;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam :is(
.tttm-authority-micro,
.tttm-authority-dotgrid,
.tttm-authority-curve,
.tttm-authority-code,
.tttm-team-micro,
.tttm-team-dotgrid,
.tttm-team-script,
.tttm-number,
.tttm-team-ring,
.tttm-team-rail,
.tttm-corner,
.tttm-doctor-role-micro,
.tttm-doctor-code,
.tttm-hand
){
display:none !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority{
padding:18px 16px 18px !important;
border-radius:26px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority-head{
justify-content:center !important;
margin-bottom:12px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority-label{
margin-inline:auto !important;
font-size:12.5px !important;
padding:8px 14px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority-main{
display:flex !important;
flex-direction:column !important;
gap:16px !important;
align-items:center !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media{
width:min(100%, 196px) !important;
max-width:196px !important;
margin:0 auto !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media-inner,
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-media-inner img{
height:196px !important;
max-height:196px !important;
border-radius:20px !important;
object-fit:cover !important;
object-position:center top !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-body{
width:100% !important;
text-align:center !important;
padding:0 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-body h3{
font-size:clamp(29px, 7.2vw, 35px) !important;
line-height:1.5 !important;
letter-spacing:-.4px !important;
margin:0 0 8px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-role{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 auto 12px !important;
padding:8px 14px !important;
border-radius:999px !important;
font-size:13.5px !important;
line-height:1.7 !important;
font-weight:700 !important;
white-space:normal !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-body > p{
font-size:15.8px !important;
line-height:2.05 !important;
color:#49536f !important;
max-width:32ch !important;
margin:0 auto 14px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-role-note{
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
text-align:right !important;
font-size:14.4px !important;
line-height:2.02 !important;
padding:14px 14px !important;
border-radius:18px !important;
margin:0 0 14px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-role-note svg{
width:16px !important;
height:16px !important;
flex:0 0 16px !important;
margin-top:6px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority-tags{
justify-content:center !important;
gap:8px !important;
margin-bottom:14px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority-tag{
font-size:12.8px !important;
line-height:1.7 !important;
padding:8px 12px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority-action{
margin-top:0 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority-cta{
min-height:58px !important;
border-radius:18px !important;
padding:0 18px !important;
font-size:16px !important;
font-weight:800 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-team{
padding:18px 16px 16px !important;
border-radius:24px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-team-head{
margin-bottom:12px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-team-title h3{
font-size:clamp(27px, 6.8vw, 33px) !important;
line-height:1.45 !important;
text-align:center !important;
letter-spacing:-.35px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-clarity{
font-size:14.8px !important;
line-height:2 !important;
padding:14px 16px !important;
margin-bottom:14px !important;
border-radius:18px !important;
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-clarity-icon{
width:34px !important;
height:34px !important;
min-width:34px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-team-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:12px !important;
overflow:visible !important;
padding:0 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-doctor{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
min-height:0 !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) 106px !important;
align-items:center !important;
gap:12px !important;
padding:12px !important;
border-radius:20px !important;
transform:none !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-doctor-photo{
grid-column:2 !important;
width:106px !important;
height:106px !important;
min-height:106px !important;
border-radius:18px !important;
overflow:hidden !important;
margin:0 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-doctor-photo img{
width:100% !important;
height:100% !important;
max-height:none !important;
object-fit:cover !important;
object-position:center top !important;
border-radius:18px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-doctor-body{
grid-column:1 !important;
text-align:right !important;
align-self:center !important;
padding:0 2px 0 0 !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
gap:8px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-doctor-body h4{
font-size:18px !important;
line-height:1.9 !important;
margin:0 !important;
letter-spacing:-.15px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-doctor-line{
width:54px !important;
height:3px !important;
border-radius:999px !important;
margin:0 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority{
box-shadow:0 12px 28px rgba(29, 43, 76, .08) !important;
}
}
@media (max-width:767px){
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-intro{
padding:20px 16px 18px !important;
margin-bottom:14px !important;
min-height:0 !important;
height:auto !important;
border-radius:24px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-kicker{
margin-bottom:9px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam #tttmTitle{
margin:0 !important;
line-height:1.48 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-intro-text{
margin:11px 0 0 !important;
line-height:1.92 !important;
}
}
@media (max-width:767px){
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-media{
display:block !important;
position:relative !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
padding:10px 10px 12px !important;
border-radius:22px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-frame{
display:block !important;
position:relative !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
padding:5px !important;
border-radius:22px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-stage{
position:relative !important;
display:block !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
aspect-ratio:16 / 9 !important;
overflow:hidden !important;
border-radius:18px !important;
background:#10182b !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-panel{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
min-height:100% !important;
max-height:none !important;
overflow:hidden !important;
border-radius:18px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-panel.active{
display:block !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-panel:not(.active){
display:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-panel video,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-stage video{
position:absolute !important;
inset:0 !important;
display:block !important;
width:100% !important;
height:100% !important;
min-height:100% !important;
max-height:none !important;
aspect-ratio:auto !important;
object-fit:contain !important;
object-position:center center !important;
border-radius:18px !important;
background:#10182b !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-play-cta{
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%) !important;
z-index:8 !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-mobile-call-action{
position:relative !important;
inset:auto !important;
display:flex !important;
width:100% !important;
min-height:50px !important;
height:auto !important;
margin:10px 0 0 !important;
padding:9px 12px !important;
opacity:1 !important;
overflow:visible !important;
border-radius:14px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-shell,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-wrap{
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
}
}
@media (max-width:767px){
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-frame{
width:min(100%, 370px) !important;
max-width:370px !important;
margin:0 auto !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
padding:5px !important;
overflow:visible !important;
border-radius:24px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-stage{
position:relative !important;
display:block !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
aspect-ratio:9 / 16 !important;
overflow:hidden !important;
border-radius:20px !important;
background:#10182b !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-panel{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
min-height:100% !important;
max-height:none !important;
overflow:hidden !important;
border-radius:20px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-panel.active{
display:block !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-panel:not(.active){
display:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-panel video,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-stage video{
position:absolute !important;
inset:0 !important;
display:block !important;
width:100% !important;
height:100% !important;
min-height:100% !important;
max-height:none !important;
object-fit:contain !important;
object-position:center center !important;
background:#10182b !important;
border-radius:20px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-video-switch,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-mobile-call-action{
width:100% !important;
max-width:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-mobile-call-action{
position:relative !important;
inset:auto !important;
min-height:50px !important;
height:auto !important;
margin:10px 0 0 !important;
opacity:1 !important;
overflow:visible !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
position:relative !important;
z-index:30 !important;
isolation:isolate !important;
overflow:visible !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer{
z-index:0 !important;
top:0 !important;
bottom:0 !important;
left:0 !important;
right:0 !important;
pointer-events:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-wrap,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-shell,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-copy,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-media{
position:relative !important;
z-index:3 !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience::before,
html body #ttDedicatedExperience#ttDedicatedExperience::after,
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer::before,
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer::after{
z-index:0 !important;
pointer-events:none !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam{
position:relative !important;
z-index:10 !important;
isolation:isolate !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer{
top:0 !important;
bottom:0 !important;
left:0 !important;
right:0 !important;
z-index:0 !important;
pointer-events:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-container{
position:relative !important;
z-index:3 !important;
}
html body #ttLocalAccess#ttLocalAccess{
position:relative !important;
z-index:1 !important;
}
}
@media (max-width:767px){
html body #ttDedicatedExperience#ttDedicatedExperience,
html body #ttTreatmentTeam#ttTreatmentTeam,
html body #ttLocalAccess#ttLocalAccess{
position:relative !important;
z-index:auto !important;
isolation:isolate !important;
margin-top:0 !important;
margin-bottom:0 !important;
overflow:hidden !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer,
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer,
html body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer{
position:absolute !important;
inset:0 !important;
z-index:0 !important;
pointer-events:none !important;
opacity:1 !important;
-webkit-mask-image:none !important;
mask-image:none !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-wrap,
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-container,
html body #ttLocalAccess#ttLocalAccess > .ttla-container{
position:relative !important;
z-index:1 !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience{
background:
radial-gradient(circle at 84% 18%,rgba(201,109,88,.09),transparent 29%),
radial-gradient(circle at 13% 72%,rgba(132,124,246,.09),transparent 32%),
linear-gradient(180deg,rgba(255,248,244,.27),rgba(255,255,255,0)) !important;
padding-bottom:34px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam{
background:
radial-gradient(circle at 82% 14%,rgba(255,221,207,.29),transparent 30%),
radial-gradient(circle at 18% 72%,rgba(221,239,232,.23),transparent 31%),
linear-gradient(180deg,rgba(255,250,247,.42),rgba(255,253,251,.10)) !important;
padding-top:24px !important;
padding-bottom:30px !important;
}
html body #ttLocalAccess#ttLocalAccess{
background:
radial-gradient(circle at 88% 18%,rgba(255,209,191,.19),transparent 29%),
radial-gradient(circle at 9% 80%,rgba(132,124,246,.075),transparent 31%),
linear-gradient(180deg,rgba(255,249,246,.30),rgba(255,255,255,0)) !important;
padding-top:28px !important;
}
html body #ttDedicatedExperience#ttDedicatedExperience::before,
html body #ttDedicatedExperience#ttDedicatedExperience::after,
html body #ttTreatmentTeam#ttTreatmentTeam::before,
html body #ttTreatmentTeam#ttTreatmentTeam::after,
html body #ttLocalAccess#ttLocalAccess::before,
html body #ttLocalAccess#ttLocalAccess::after{
z-index:0 !important;
pointer-events:none !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-shell,
html body #ttLocalAccess#ttLocalAccess .ttla-shell{
position:relative !important;
z-index:1 !important;
}
}
@media (max-width:767px){
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority{
background:
radial-gradient(62% 42% at 15% 8%, rgba(112,132,242,.11), transparent 72%),
radial-gradient(52% 38% at 92% 84%, rgba(91,160,138,.10), transparent 72%),
linear-gradient(145deg, rgba(255,250,247,.97) 0%, rgba(248,247,255,.94) 54%, rgba(244,251,248,.96) 100%) !important;
border:1px solid rgba(126,129,186,.15) !important;
box-shadow:
0 14px 34px rgba(38,45,92,.075),
inset 0 1px 0 rgba(255,255,255,.90) !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority-label{
color:#477d70 !important;
background:rgba(239,248,244,.86) !important;
border-color:rgba(79,143,126,.16) !important;
font-weight:800 !important;
letter-spacing:0 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-body h3{
color:#182750 !important;
font-weight:900 !important;
letter-spacing:-.55px !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-role{
color:#b56f59 !important;
background:rgba(255,244,238,.88) !important;
border:1px solid rgba(225,167,143,.18) !important;
font-weight:800 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-tohid-body > p{
color:#34425f !important;
font-weight:650 !important;
line-height:2.08 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-role-note svg{
display:none !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-role-note{
display:block !important;
text-align:right !important;
color:#3b4862 !important;
background:rgba(255,255,255,.72) !important;
border:1px solid rgba(94,109,151,.10) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.75) !important;
padding:15px 16px !important;
font-size:15px !important;
font-weight:650 !important;
line-height:2.08 !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam#ttTreatmentTeam .tttm-authority-cta{
font-weight:850 !important;
box-shadow:0 10px 24px rgba(85,75,210,.16) !important;
}
html body #ttTreatmentTeam#ttTreatmentTeam{
background:
radial-gradient(44% 28% at 12% 22%, rgba(218,209,248,.20), transparent 74%),
radial-gradient(42% 30% at 88% 72%, rgba(209,239,229,.18), transparent 74%),
linear-gradient(180deg, rgba(255,251,248,.58), rgba(250,252,251,.34)) !important;
}
}
@media (max-width:767px){
html body #ttLocalAccess#ttLocalAccess{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
background:
radial-gradient(72% 34% at -4% 12%,rgba(250,198,181,.28),transparent 72%),
radial-gradient(64% 30% at 104% 42%,rgba(211,198,250,.24),transparent 74%),
radial-gradient(68% 32% at 8% 88%,rgba(210,239,229,.20),transparent 74%),
linear-gradient(180deg,#fffaf7 0%,#fbfaf8 48%,#f8fbfa 100%) !important;
padding-top:30px !important;
padding-bottom:38px !important;
}
html body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer{
display:block !important;
inset:0 !important;
z-index:0 !important;
opacity:.72 !important;
filter:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
background-size:cover !important;
background-position:72% 62% !important;
pointer-events:none !important;
}
html body #ttLocalAccess#ttLocalAccess > .ttla-container{
position:relative !important;
z-index:2 !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-intro h2{
font-size:clamp(34px,9vw,42px) !important;
line-height:1.46 !important;
font-weight:900 !important;
letter-spacing:-.35px !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-intro p{
font-size:15.5px !important;
line-height:1.95 !important;
font-weight:560 !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-kicker,
html body #ttLocalAccess#ttLocalAccess .ttla-address-label,
html body #ttLocalAccess#ttLocalAccess .ttla-fact small{
font-size:12.5px !important;
line-height:1.7 !important;
font-weight:720 !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-address{
font-size:15.2px !important;
line-height:1.95 !important;
font-weight:780 !important;
color:#20345f !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-fact strong{
font-size:14.4px !important;
line-height:1.8 !important;
font-weight:800 !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-btn{
min-height:58px !important;
font-size:15px !important;
line-height:1.5 !important;
font-weight:820 !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-map-place{
font-size:12.5px !important;
line-height:1.55 !important;
font-weight:820 !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-map-top,
html body #ttLocalAccess#ttLocalAccess .ttla-map-bottom{
font-size:12px !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-map-bottom small{
font-size:11.5px !important;
line-height:1.6 !important;
font-weight:700 !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-map-bottom strong{
font-size:13px !important;
line-height:1.7 !important;
font-weight:820 !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-copy-address,
html body #ttLocalAccess#ttLocalAccess .ttla-open-map{
font-size:12.8px !important;
font-weight:780 !important;
}
html body #ttFinalFooter#ttFinalFooter{
padding:18px 0 14px !important;
color:#fff !important;
background:
radial-gradient(circle at 86% 8%,rgba(132,124,246,.24),transparent 30%),
radial-gradient(circle at 10% 92%,rgba(79,143,126,.18),transparent 34%),
linear-gradient(150deg,#18284d 0%,#173353 58%,#16434b 100%) !important;
background-image:
radial-gradient(circle at 86% 8%,rgba(132,124,246,.24),transparent 30%),
radial-gradient(circle at 10% 92%,rgba(79,143,126,.18),transparent 34%),
linear-gradient(150deg,#18284d 0%,#173353 58%,#16434b 100%) !important;
}
html body #ttFinalFooter#ttFinalFooter::after{
opacity:.42 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-container{
width:calc(100% - 20px) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-main{
padding:26px 20px 24px !important;
gap:24px !important;
border:1px solid rgba(255,255,255,.12) !important;
border-radius:26px !important;
background:rgba(14,31,62,.42) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-mark small{
font-size:10px !important;
letter-spacing:1.35px !important;
color:rgba(255,255,255,.66) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand h3{
font-size:30px !important;
line-height:1.5 !important;
font-weight:900 !important;
color:#fff !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand p{
font-size:14px !important;
line-height:1.95 !important;
font-weight:520 !important;
color:rgba(255,255,255,.78) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nav-grid{
gap:22px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-col h4{
margin-bottom:12px !important;
font-size:15px !important;
line-height:1.6 !important;
font-weight:850 !important;
color:#fff !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-links{
gap:2px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-link{
min-height:42px !important;
padding:8px 0 !important;
font-size:13.8px !important;
line-height:1.7 !important;
font-weight:650 !important;
color:rgba(255,255,255,.78) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone,
html body #ttFinalFooter#ttFinalFooter .ttff-consult{
min-height:58px !important;
font-size:14px !important;
font-weight:780 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone{
color:#fff !important;
background:rgba(255,255,255,.08) !important;
border-color:rgba(255,255,255,.16) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone span{
font-size:12px !important;
color:rgba(255,255,255,.72) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-phone strong{
font-size:16px !important;
font-weight:850 !important;
color:#fff !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-consult{
color:#17284c !important;
background:#fff !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom{
min-height:0 !important;
padding:16px 4px 2px !important;
gap:10px !important;
font-size:11.2px !important;
line-height:1.7 !important;
color:rgba(255,255,255,.62) !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-bottom a{
min-height:38px !important;
display:inline-flex !important;
align-items:center !important;
font-size:11.8px !important;
font-weight:650 !important;
color:rgba(255,255,255,.78) !important;
}
}
@media (max-width:767px){
html body #ttLocalAccess#ttLocalAccess .ttla-intro{
display:none !important;
}
html body #ttLocalAccess#ttLocalAccess :is(
.ttla-kicker,
.ttla-intro-hand,
.ttla-intro-micro,
.ttla-mobile-state-rail,
.ttla-info-micro,
.ttla-eyebrow,
.ttla-info-script,
.ttla-map-micro,
.ttla-map-script,
.ttla-number
){
display:none !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-shell{
margin-top:0 !important;
padding:9px !important;
gap:10px !important;
border-radius:26px !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-info{
padding-top:20px !important;
border-radius:22px !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-info h3{
margin:0 0 8px !important;
font-size:clamp(31px,8.2vw,38px) !important;
line-height:1.48 !important;
font-weight:900 !important;
letter-spacing:-.35px !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-info-lead{
margin:0 0 14px !important;
font-size:15.2px !important;
line-height:1.95 !important;
font-weight:580 !important;
color:#5a6479 !important;
}
html body #ttLocalAccess#ttLocalAccess #ttlaCall{
order:1 !important;
}
html body #ttLocalAccess#ttLocalAccess #ttlaDirections{
order:2 !important;
}
html body #ttLocalAccess#ttLocalAccess .ttla-address-label,
html body #ttLocalAccess#ttLocalAccess .ttla-fact small{
font-size:12.6px !important;
font-weight:740 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-legal{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
gap:5px !important;
max-width:100% !important;
text-align:center !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-product-credit{
display:block !important;
font-size:11.4px !important;
line-height:1.75 !important;
font-weight:600 !important;
color:rgba(255,255,255,.72) !important;
}
}
@media (max-width:767px){
#ttFinalFooter .ttff-tagline:empty,
#ttFinalFooter .ttff-subline:empty,
#ttFinalFooter .ttff-promise:empty{
display:none !important;
}
}
@media (max-width:767px){
html body #ttFinalFooter#ttFinalFooter .ttff-brand{
padding-bottom:2px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand p{
margin-bottom:16px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-micro{
margin-top:0 !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-nav-grid{
margin-top:2px !important;
}
html body #ttFinalFooter#ttFinalFooter .ttff-brand-script:empty{
display:none !important;
width:0 !important;
height:0 !important;
margin:0 !important;
padding:0 !important;
}
}
@media (max-width:767px){
body{
background:#fbfaf7 !important;
}
#ttHero,
#ttRouterApp,
#ttProof,
#ttCenterPositioning,
#ttDedicatedExperience,
#ttTreatmentTeam,
#ttLocalAccess,
#ttFinalFooter{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
}
#ttHero{
background:
radial-gradient(88% 56% at 100% 0%, rgba(119,130,239,.13) 0%, rgba(119,130,239,0) 62%),
radial-gradient(76% 48% at 0% 100%, rgba(238,184,157,.16) 0%, rgba(238,184,157,0) 58%),
linear-gradient(180deg,#fffaf7 0%, #fffdfa 100%) !important;
}
#ttRouterApp{
background:
radial-gradient(90% 62% at 92% 8%, rgba(105,117,243,.08) 0%, rgba(105,117,243,0) 58%),
radial-gradient(68% 42% at 8% 100%, rgba(238,184,157,.10) 0%, rgba(238,184,157,0) 58%),
linear-gradient(180deg,#fffdfb 0%, #fbfaf8 100%) !important;
}
#ttProof{
background:
radial-gradient(82% 54% at 0% 0%, rgba(79,143,126,.08) 0%, rgba(79,143,126,0) 56%),
radial-gradient(64% 38% at 100% 100%, rgba(119,130,239,.07) 0%, rgba(119,130,239,0) 58%),
linear-gradient(180deg,#fcfbf8 0%, #f8faf9 100%) !important;
}
#ttCenterPositioning{
background:
radial-gradient(84% 48% at 100% 0%, rgba(85,127,115,.09) 0%, rgba(85,127,115,0) 58%),
radial-gradient(72% 40% at 0% 100%, rgba(241,197,175,.12) 0%, rgba(241,197,175,0) 58%),
linear-gradient(180deg,#fbfaf6 0%, #fffdf9 100%) !important;
}
#ttDedicatedExperience{
background:
radial-gradient(86% 50% at 0% 0%, rgba(114,123,237,.08) 0%, rgba(114,123,237,0) 56%),
radial-gradient(76% 44% at 100% 100%, rgba(238,184,157,.12) 0%, rgba(238,184,157,0) 58%),
linear-gradient(180deg,#fcfbf8 0%, #f9faf8 100%) !important;
}
#ttTreatmentTeam{
background:
radial-gradient(90% 58% at 100% 0%, rgba(79,143,126,.09) 0%, rgba(79,143,126,0) 56%),
radial-gradient(70% 40% at 0% 100%, rgba(105,117,243,.08) 0%, rgba(105,117,243,0) 58%),
linear-gradient(180deg,#fffbf8 0%, #fbfaf8 100%) !important;
}
#ttLocalAccess{
background:
radial-gradient(92% 58% at 0% 0%, rgba(105,117,243,.08) 0%, rgba(105,117,243,0) 56%),
radial-gradient(76% 42% at 100% 100%, rgba(79,143,126,.09) 0%, rgba(79,143,126,0) 58%),
linear-gradient(180deg,#fcfbf8 0%, #f8faf8 100%) !important;
}
#ttFinalFooter{
background:
radial-gradient(96% 52% at 0% 0%, rgba(119,130,239,.17) 0%, rgba(119,130,239,0) 52%),
radial-gradient(86% 42% at 100% 100%, rgba(116,170,155,.18) 0%, rgba(116,170,155,0) 54%),
linear-gradient(180deg,#152347 0%, #101b36 100%) !important;
}
#ttHero .tt-ambient-layer,
#ttRouterApp .ttr-ambient-layer,
#ttProof .ttp-ambient-layer,
#ttCenterPositioning .ttcp-ambient-layer,
#ttDedicatedExperience .ttde-ambient-layer,
#ttTreatmentTeam .tttm-ambient-layer,
#ttLocalAccess .ttla-ambient-layer{
opacity:.92 !important;
}
#ttRouterApp .ttr-shell,
#ttProof .ttp-shell,
#ttCenterPositioning .ttcp-shell,
#ttDedicatedExperience .ttde-shell,
#ttTreatmentTeam .tttm-authority,
#ttTreatmentTeam .tttm-team,
#ttLocalAccess .ttla-container,
#ttFinalFooter .ttff-main{
box-shadow:0 16px 34px rgba(24,39,80,.055) !important;
}
#ttRouterApp .ttr-shell,
#ttProof .ttp-shell,
#ttCenterPositioning .ttcp-shell,
#ttDedicatedExperience .ttde-shell,
#ttLocalAccess .ttla-container{
border-radius:28px !important;
}
#ttRouterApp .ttr-shell{
padding:18px 14px 18px !important;
background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,252,249,.95)) !important;
}
#ttProof .ttp-shell{
padding:18px 14px 18px !important;
background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,250,.96)) !important;
}
#ttCenterPositioning .ttcp-shell{
background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,252,248,.95)) !important;
}
#ttDedicatedExperience .ttde-shell{
background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(251,251,248,.96)) !important;
}
#ttTreatmentTeam .tttm-authority{
background:linear-gradient(152deg, rgba(255,255,255,.97) 0%, rgba(247,251,249,.97) 55%, rgba(255,249,246,.95) 100%) !important;
border:1px solid rgba(79,143,126,.10) !important;
box-shadow:0 18px 36px rgba(24,39,80,.06) !important;
}
#ttTreatmentTeam .tttm-team{
background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(250,250,248,.95)) !important;
border:1px solid rgba(24,39,80,.06) !important;
}
#ttLocalAccess .ttla-container{
background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,250,.96)) !important;
border:1px solid rgba(79,143,126,.08) !important;
}
#ttRouterApp{ padding-top:10px !important; padding-bottom:10px !important; }
#ttProof{ padding-top:10px !important; padding-bottom:10px !important; }
#ttCenterPositioning{ padding-top:10px !important; padding-bottom:10px !important; }
#ttDedicatedExperience{ padding-top:10px !important; padding-bottom:8px !important; }
#ttTreatmentTeam{ padding-top:10px !important; padding-bottom:10px !important; }
#ttLocalAccess{ padding-top:10px !important; padding-bottom:10px !important; }
#ttRouterApp .ttr-app-header,
#ttProof .ttp-topbar,
#ttCenterPositioning .ttcp-chapter,
#ttDedicatedExperience .ttde-chapter,
#ttTreatmentTeam .tttm-intro,
#ttLocalAccess .ttla-title{
margin-bottom:14px !important;
}
#ttRouterApp .ttr-lead,
#ttProof .ttp-story-lead,
#ttDedicatedExperience .ttde-lead,
#ttTreatmentTeam .tttm-clarity,
#ttLocalAccess .ttla-lead{
line-height:1.96 !important;
}
#ttRouterApp .ttr-chip,
#ttProof .ttp-chip,
#ttCenterPositioning .ttcp-label,
#ttDedicatedExperience .ttde-eyebrow,
#ttTreatmentTeam .tttm-authority-label,
#ttLocalAccess .ttla-eyebrow{
box-shadow:0 8px 18px rgba(24,39,80,.05) !important;
border-color:rgba(79,143,126,.10) !important;
}
#ttRouterApp .ttr-tab,
#ttProof .ttp-control{
min-height:56px !important;
}
#ttCenterPositioning .ttcp-r25-card{
box-shadow:0 10px 24px rgba(24,39,80,.055) !important;
}
#ttLocalAccess .ttla-actions{
gap:10px !important;
}
#ttLocalAccess .ttla-btn{
min-height:54px !important;
box-shadow:0 10px 22px rgba(24,39,80,.05) !important;
}
#ttFinalFooter .ttff-main{
border-top:1px solid rgba(255,255,255,.08) !important;
}
#ttFinalFooter .ttff-product-credit{
color:rgba(255,255,255,.72) !important;
}
}

/* FINAL A11Y MICRO-CONTRAST */
html body #ttCenterPositioning#ttCenterPositioning .ttcp-r25-card figcaption span{color:#3f7b6c!important}

@media (max-width:767px){#ttCenterPositioning .ttcp-r25-card figcaption span{color:#3d7869!important}}

/* FINAL ACCESSIBILITY MICRO-PATCH — no geometry change */
.ttcp-r25-card figcaption span{color:#3d7869!important}


/* WIDE DESKTOP CANARY V3 — runtime validated, NOT DEPLOYED */
@media (min-width:1601px){
html body #tt-hh-final#tt-hh-final .tt-container,
html body #ttRouterApp#ttRouterApp .ttr-container,
html body #ttProof#ttProof .ttp-container,
html body #ttCenterPositioning#ttCenterPositioning .ttcp-container,
html body #ttDedicatedExperience#ttDedicatedExperience .ttde-wrap,
html body #ttTreatmentTeam#ttTreatmentTeam .tttm-container,
html body #ttLocalAccess#ttLocalAccess .ttla-container{width:min(1520px,calc(50vw + 560px),calc(100% - 96px))!important;max-width:none!important}
html body #tt-hh-final#tt-hh-final #ttHero#ttHero .tt-hero-grid{grid-template-columns:minmax(0,clamp(644px,calc(17.5vw + 364px),700px)) minmax(0,670px)!important;justify-content:space-between!important;gap:46px!important}
html body #tt-hh-final#tt-hh-final > .tth-ambient-layer,
html body #ttRouterApp#ttRouterApp > .ttr-ambient-layer,
html body #ttProof#ttProof > .ttp-ambient-layer,
html body #ttCenterPositioning#ttCenterPositioning > .ttcp-ambient-layer,
html body #ttDedicatedExperience#ttDedicatedExperience > .ttde-ambient-layer,
html body #ttTreatmentTeam#ttTreatmentTeam > .tttm-ambient-layer,
html body #ttLocalAccess#ttLocalAccess > .ttla-ambient-layer{width:min(1580px,calc(56.25vw + 500px),calc(100% - 48px))!important;max-width:none!important}
}