/* Teams & Funds: an editorial control-room design, isolated from the site shell. */
.tf-desk { --tfd-ink:#203e4b; --tfd-body:#47616c; --tfd-teal:#287d77; --tfd-card:#f8fbfa; --tfd-line:rgba(32,62,75,.16); --tfd-soft:rgba(255,255,255,.35); background:#e3ecec; color:var(--tfd-ink); font-family:'DM Sans',sans-serif; overflow:clip; }
.dark-mode .tf-desk { --tfd-ink:#edf6f2; --tfd-body:#b4c6c7; --tfd-teal:#91d4c5; --tfd-card:#183138; --tfd-line:rgba(204,231,221,.18); --tfd-soft:rgba(17,43,47,.7); background:#112a30; }
.tf-desk *,.tf-desk *::before,.tf-desk *::after { box-sizing:border-box; }
.tf-desk h1,.tf-desk h2,.tf-desk h3 { font-family:'Cal Sans','DM Sans',sans-serif; font-weight:600; color:var(--tfd-ink); letter-spacing:-.035em; }
.tf-desk p { color:var(--tfd-body); line-height:1.75; margin:0 0 18px; }
.tf-desk a { text-decoration:none; }
.tf-desk [id] { scroll-margin-top:100px; }
.tf-desk a:focus-visible,.tf-desk button:focus-visible,.tf-desk summary:focus-visible,.tf-desk [tabindex]:focus-visible { outline:3px solid var(--tfd-teal); outline-offset:5px; }
.tfd-wrap { max-width:1216px; margin:0 auto; padding:0 32px; }
.tfd-section { padding:100px 0; }
.tfd-eyebrow { display:block; color:var(--tfd-teal); font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; line-height:1.7; margin-bottom:20px; }
.tfd-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
.tfd-btn { display:inline-flex; align-items:center; justify-content:space-between; gap:25px; border-radius:6px; padding:17px 24px; font-size:14px; line-height:1.5; font-weight:700; transition:transform .2s,background .2s; }
.tfd-btn:hover { transform:translateY(-3px); }
.tfd-btn-primary { background:#264653; color:#f4faf7!important; }
.tfd-btn-primary:hover { background:#287d77; }
.dark-mode .tfd-btn-primary { background:#a9e3cd; color:#163c3a!important; }
.tfd-btn-secondary { border:1px solid var(--tfd-line); background:var(--tfd-soft); color:var(--tfd-ink)!important; }
.tfd-text-link { color:var(--tfd-teal)!important; font-size:13px; font-weight:700; border-bottom:1px solid transparent; padding-bottom:3px; }
.tfd-text-link:hover { border-color:currentColor; }
.tfd-skip { position:fixed; top:8px; left:8px; transform:translateY(-150%); z-index:99999; background:#fff; color:#264653; padding:12px 20px; }
.tfd-skip:focus { transform:none; }
.tfd-hero { padding:30px 0 38px; }
.tfd-edition { display:flex; justify-content:space-between; align-items:center; gap:15px; border-bottom:1px solid var(--tfd-line); padding-bottom:18px; font-size:10px; font-weight:700; letter-spacing:.13em; line-height:1.6; }
.tfd-edition a { color:var(--tfd-ink); }
.tfd-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:55px; padding:70px 0 65px; }
.tfd-hero h1 { font-size:clamp(56px,6vw,86px); line-height:1.02; margin:0 0 27px; }
.tfd-hero h1>span { color:var(--tfd-teal); }
.tf-desk .tfd-lead { font-size:16px; max-width:455px; margin-bottom:30px; }
.tf-desk .tfd-hero-note { font-size:11px; margin:21px 0 0; }
.tfd-console { position:relative; margin:0; background:#203e4b; border:1px solid rgba(32,62,75,.28); border-radius:10px; box-shadow:12px 12px 0 rgba(32,62,75,.07); color:#edf6f2; transform:rotate(1deg); }
.tfd-console-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 22px; border-bottom:1px solid rgba(255,255,255,.14); font-size:8px; font-weight:700; letter-spacing:.08em; line-height:1.6; }
.tfd-console-head>span:first-child { display:flex; align-items:center; gap:8px; }
.tfd-console-head i { display:block; width:6px; height:6px; border-radius:50%; background:#a9e3cd; }
.tfd-label { border:1px solid rgba(169,227,205,.35); border-radius:3px; padding:3px 6px; font-size:7px; color:#a9e3cd; white-space:nowrap; }
.tfd-console-body { padding:25px 22px 0; }
.tfd-console-intro { position:relative; padding-bottom:25px; }
.tfd-console-intro>span:first-child { display:block; font-size:7px; letter-spacing:.13em; color:#a9e3cd; font-weight:700; line-height:1.6; }
.tfd-console-intro strong { display:block; font-family:'Cal Sans',sans-serif; font-size:27px; line-height:1.15; letter-spacing:-.03em; margin-top:10px; }
.tfd-console-seal { position:absolute; right:0; top:0; font-size:48px; color:#a9e3cd; line-height:1.1; }
.tfd-identity-columns { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.tfd-identity-columns>div { min-width:0; }
.tfd-console-kicker { display:block; font-size:7px; font-weight:700; letter-spacing:.06em; color:#b6cdd0; line-height:1.8; margin-bottom:12px; }
.tfd-identity { display:flex; align-items:center; gap:9px; padding:12px 10px; border:1px solid rgba(255,255,255,.14); border-radius:5px; background:#284852; margin-bottom:9px; }
.tfd-identity>span { width:26px; height:26px; display:grid; place-items:center; background:#e3ecec; color:#264653; border-radius:50%; flex-shrink:0; font-size:10px; }
.tfd-identity-agent>span { background:#305751; color:#a9e3cd; border-radius:5px; }
.tfd-identity>div { min-width:0; }
.tfd-identity b { display:block; font-size:11px; line-height:1.4; }
.tfd-identity small { display:block; font-size:8px; line-height:1.6; color:#b6cdd0; margin-top:3px; }
.tfd-identity>i { margin-left:auto; font-size:10px; font-style:normal; color:#a9e3cd; }
.tfd-console-boundary { display:flex; justify-content:space-between; align-items:center; gap:10px; background:#a9e3cd; color:#203e4b; border-radius:4px; font-size:8px; letter-spacing:.07em; padding:10px 13px; margin:7px 0 0; }
.tfd-console-boundary>span { font-size:16px; line-height:1; }
.tfd-receipt-chain { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:20px 0; }
.tfd-receipt-chain>span { color:#b6cdd0; font-size:9px; line-height:1.7; }
.tfd-receipt-chain b { color:#e9c46a; font-weight:600; }
.tfd-receipt-chain>i { color:#a9e3cd; font-style:normal; font-size:13px; }
.tfd-console figcaption { border-top:1px solid rgba(255,255,255,.14); padding:12px 22px; font-size:8px; line-height:1.65; color:#b6cdd0; max-width:100%; }
.tfd-console-stamp { position:absolute; right:-15px; bottom:95px; padding:13px 15px; background:#e9c46a; color:#203e4b; transform:rotate(-8deg); font-size:8px; letter-spacing:.04em; line-height:1.6; box-shadow:4px 4px 0 rgba(0,0,0,.12); }
.tfd-console-stamp b { font-size:10px; }
.tfd-principles { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--tfd-line); border-bottom:1px solid var(--tfd-line); padding:26px 0; }
.tfd-principles>div { border-right:1px solid var(--tfd-line); padding:0 28px; }
.tfd-principles>div:first-child { padding-left:0; }
.tfd-principles>div:last-child { border:0; padding-right:0; }
.tfd-principles span { display:block; font-size:8px; letter-spacing:.1em; color:var(--tfd-teal); font-weight:700; line-height:1.6; }
.tfd-principles b { display:block; font-family:'Cal Sans',sans-serif; font-size:22px; letter-spacing:-.02em; margin:8px 0 5px; line-height:1.2; }
.tfd-principles small { color:var(--tfd-body); font-size:10px; line-height:1.6; display:block; }
.tfd-section-nav { background:#264653; color:#c4dbd3; }
.tfd-section-nav>.tfd-wrap { display:flex; justify-content:space-between; align-items:center; gap:15px; padding-top:17px; padding-bottom:17px; font-size:9px; font-weight:700; letter-spacing:.08em; line-height:1.7; }
.tfd-section-nav span { color:#e9c46a; font-size:12px; }
.tfd-section-nav a:hover { color:#e9c46a; }
.tfd-heading { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:end; margin-bottom:42px; }
.tf-desk h2 { font-size:clamp(34px,4vw,52px); line-height:1.08; margin:0; }
.tfd-heading h2 em { font-style:normal; color:#e9c46a; }
.tfd-heading>p { font-size:14px; max-width:450px; margin:0; }
.tfd-ink { background:#203e4b; --tfd-ink:#edf6f2; --tfd-body:#b6cdd0; --tfd-teal:#a9e3cd; --tfd-line:rgba(255,255,255,.16); --tfd-card:#284852; }
.tf-fig { --tf-card:#284852; --tf-mist:#305751; --tf-ink:#edf6f2; --tf-body:#d0e1df; --tf-mute:#b6cdd0; --tf-accent:#a9e3cd; --tf-accent-d:#a9e3cd; --tf-border:rgba(169,227,205,.4); --tf-line:rgba(255,255,255,.15); margin:0; border:1px solid var(--tf-line); border-radius:9px; background:var(--tf-card); overflow:hidden; }
.tf-fig__hd { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:17px 24px; border-bottom:1px solid var(--tf-line); font-size:9px; letter-spacing:.09em; color:var(--tf-mute); line-height:1.8; }
.tf-fig__hd b { color:var(--tf-ink); }
.tf-fig__bd { padding:22px 26px 8px; overflow-x:auto; }
.tf-fig svg { display:block; width:100%; height:auto; min-width:640px; }
.tf-fig figcaption { padding:20px 26px; border-top:1px solid var(--tf-line); font-size:11px; line-height:1.75; color:var(--tf-mute); }
.tf-fig figcaption b { color:var(--tf-ink); }
.tf-s-box { fill:var(--tf-card); stroke:var(--tf-border); stroke-width:1.2; }
.tf-s-box--d { stroke-dasharray:4 3; }
.tf-s-box--epoch { fill:var(--tf-mist); stroke:var(--tf-accent); stroke-width:1.3; }
.tf-s-box--out { stroke:var(--tf-accent); stroke-width:1.3; }
.tf-s-t { font-family:'DM Sans',sans-serif; font-size:11px; letter-spacing:.02em; fill:var(--tf-body); }
.tf-s-t--i { fill:var(--tf-ink); font-weight:700; }
.tf-s-t--a { fill:var(--tf-accent-d); font-weight:700; }
.tf-s-t--m { fill:var(--tf-mute); font-size:9.5px; letter-spacing:.08em; }
.tf-s-t--mut { fill:var(--tf-mute); }
.tf-s-ln { fill:none; stroke:var(--tf-ink); stroke-opacity:.35; stroke-width:1.2; }
.tf-s-ln--a { stroke:var(--tf-accent); stroke-opacity:.9; }
.tf-s-ln--d { stroke-dasharray:4 4; }
.tfd-security-note { display:flex; align-items:center; gap:20px; border-top:1px solid var(--tfd-line); padding-top:25px; margin-top:30px; }
.tfd-security-note>span { color:#e9c46a; font-size:26px; }
.tfd-security-note p { font-size:14px; margin:0; max-width:700px; }
.tfd-security-note b { color:var(--tfd-ink); }
.tfd-security-note>a { margin-left:auto; color:var(--tfd-teal); font-size:11px; white-space:nowrap; }
.tfd-slider { overflow:visible; }
.tfd-slider:not(.tfd-slider-ready) { overflow-x:auto; }
.tfd-slider .swiper-wrapper { display:flex; gap:20px; }
.tfd-slider .swiper-slide { width:calc((100% - 40px)/3); flex-shrink:0; height:auto; }
.tfd-slider-ready .swiper-wrapper { gap:0; }
.tfd-day { display:flex; flex-direction:column; border:1px solid var(--tfd-line); border-radius:8px; background:var(--tfd-card); padding:24px; }
.tfd-day-top { display:flex; justify-content:space-between; align-items:center; font-size:8px; letter-spacing:.07em; font-weight:700; color:var(--tfd-teal); }
.tfd-day-top>span:last-child { font-size:22px; }
.tfd-day-visual { background:var(--tfd-soft); border:1px solid var(--tfd-line); border-radius:5px; height:154px; margin:20px 0 26px; padding:20px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.tfd-day-visual>span { font-size:8px; font-weight:700; letter-spacing:.05em; color:var(--tfd-teal); line-height:1.7; }
.tfd-day-visual b { font-size:12px; color:var(--tfd-ink); line-height:1.7; }
.tfd-day-visual>i { font-style:normal; color:var(--tfd-teal); line-height:1.5; }
.tfd-day-visual small { font-size:8px; color:var(--tfd-body); line-height:1.7; margin-top:6px; }
.tfd-agent-visual { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:20px 12px; }
.tfd-agent-visual>span { font-size:7px; }
.tfd-agent-visual i { display:grid; place-items:center; margin:0 auto 10px; border:1px solid var(--tfd-line); background:var(--tfd-soft); border-radius:6px; width:35px; height:35px; font-size:19px; font-style:normal; }
.tfd-agent-visual small { grid-column:1/-1; margin:0; }
.tfd-revoke-visual b { color:#ae583f; margin:5px 0 8px; }
.dark-mode .tfd-revoke-visual b { color:#edac98; }
.tfd-revoke-visual>div { display:flex; gap:7px; }
.tfd-revoke-visual i { display:block; width:27px; height:5px; border-radius:2px; background:var(--tfd-teal); opacity:.4; }
.tfd-revoke-visual i:nth-child(2) { opacity:.25; }
.tfd-revoke-visual i:nth-child(3) { opacity:.1; }
.tfd-day h3 { font-size:24px; line-height:1.2; margin:0 0 15px; }
.tfd-day p { font-size:12px; margin-bottom:25px; }
.tfd-card-foot { margin-top:auto; padding-top:15px; border-top:1px solid var(--tfd-line); font-size:8px; font-weight:700; letter-spacing:.05em; color:var(--tfd-teal); }
.tfd-slider-controls { display:flex; justify-content:space-between; align-items:center; margin-top:25px; min-height:40px; }
.tfd-slider:not(.tfd-slider-ready) .tfd-slider-controls { display:none; }
.tfd-slider-controls>div:last-child { display:flex; gap:8px; }
.tfd-slider-controls button { border:1px solid var(--tfd-line); border-radius:50%; width:40px; height:40px; padding:0; background:transparent; color:var(--tfd-ink); font-size:18px; }
.tfd-slider-controls button:hover { background:var(--tfd-card); }
.tfd-slider-controls button:disabled { opacity:.35; cursor:default; }
.tfd-pagination { display:flex; gap:4px; width:auto!important; }
.tf-desk .swiper-pagination-bullet { background:var(--tfd-teal); }
.tfd-soft { background:var(--tfd-soft); border-top:1px solid var(--tfd-line); border-bottom:1px solid var(--tfd-line); }
.tfd-stack-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.tfd-stack-card { padding:27px 23px; border:1px solid var(--tfd-line); border-radius:8px; background:var(--tfd-card); }
.tfd-icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--tfd-line); border-radius:8px; color:var(--tfd-teal); font-size:22px; margin-bottom:28px; }
.tfd-stack-card h3 { font-size:25px; line-height:1.2; margin-bottom:18px; }
.tfd-card-tag { display:block; color:var(--tfd-teal); font-size:7px; font-weight:700; letter-spacing:.07em; line-height:1.7; margin-bottom:13px; }
.tfd-stack-card p { font-size:12px; margin:0; }
.tfd-rollout { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:0; margin:0 0 45px; }
.tfd-rollout li { position:relative; padding:0 25px 0 0; }
.tfd-rollout li:not(:last-child)::before { content:''; position:absolute; top:18px; left:40px; right:0; height:1px; background:var(--tfd-line); }
.tfd-rollout li>span { display:grid; place-items:center; border:1px solid var(--tfd-line); width:37px; height:37px; border-radius:50%; color:var(--tfd-teal); font-size:10px; font-weight:700; margin-bottom:22px; }
.tfd-rollout h3 { font-size:21px; margin:0 0 12px; }
.tfd-rollout p { font-size:12px; margin:0; }
.tfd-paths { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.tfd-path { padding:34px; background:var(--tfd-card); border:1px solid var(--tfd-line); border-radius:8px; display:flex; flex-direction:column; }
.tfd-path h3 { font-size:34px; line-height:1.12; margin-bottom:22px; }
.tfd-path p { font-size:13px; margin-bottom:24px; }
.tfd-path .tfd-text-link { align-self:flex-start; margin-top:auto; }
.tfd-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.tfd-tags span { border:1px solid var(--tfd-line); border-radius:4px; padding:5px 9px; color:var(--tfd-teal); font-size:10px; }
.tfd-path-api { background:#264653; --tfd-ink:#edf6f2; --tfd-body:#b6cdd0; --tfd-teal:#a9e3cd; --tfd-line:rgba(255,255,255,.16); }
.tfd-code { border:1px solid var(--tfd-line); border-radius:5px; padding:15px 18px; margin-bottom:28px; }
.tfd-code>span { display:block; font-size:7px; letter-spacing:.12em; color:#b6cdd0; line-height:1.6; }
.tfd-code code { display:block; font-size:17px; color:#e9c46a; margin:10px 0 5px; }
.tfd-code a { font-size:10px; color:#a9e3cd; }
.tfd-resources { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.tfd-resources>a { border:1px solid var(--tfd-line); border-radius:7px; padding:28px; display:flex; flex-direction:column; transition:transform .2s,background .2s; }
.tfd-resources>a:hover { transform:translateY(-5px); background:#284852; }
.tfd-resources>a>span { color:var(--tfd-teal); font-size:8px; letter-spacing:.1em; font-weight:700; }
.tfd-resources h3 { font-size:26px; line-height:1.2; margin:28px 0 16px; }
.tfd-resources p { font-size:12px; margin-bottom:24px; }
.tfd-resources b { margin-top:auto; color:#e9c46a; font-size:11px; font-weight:600; }
.tfd-faq-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:75px; align-items:start; }
.tfd-faq-layout h2 { margin-bottom:23px; }
.tfd-faq-layout>div>p { font-size:14px; max-width:300px; }
.tfd-faq details { border-top:1px solid var(--tfd-line); }
.tfd-faq details:last-child { border-bottom:1px solid var(--tfd-line); }
.tfd-faq summary { display:flex; align-items:center; justify-content:space-between; gap:24px; cursor:pointer; list-style:none; padding:21px 0; font-size:15px; line-height:1.6; color:var(--tfd-ink); font-weight:600; }
.tfd-faq summary::-webkit-details-marker { display:none; }
.tfd-faq summary>span { font-size:20px; color:var(--tfd-teal); transition:transform .2s; }
.tfd-faq details[open] summary>span { transform:rotate(45deg); }
.tfd-faq p { font-size:12px; padding-right:30px; margin-bottom:23px; }
.tfd-faq code { color:var(--tfd-teal); }
.tfd-finale { border-top:1px solid var(--tfd-line); padding:82px 0 88px; background:radial-gradient(ellipse at 50% 100%,rgba(169,227,205,.3),transparent 65%); text-align:center; }
.tfd-finale h2 { font-size:clamp(48px,6vw,76px); line-height:1.03; margin:0 0 25px; }
.tfd-finale h2 em { color:var(--tfd-teal); font-style:normal; }
.tfd-finale p { font-size:15px; max-width:510px; margin:0 auto 30px; }
.tfd-finale .tfd-actions { justify-content:center; }
.tfd-finale-note { display:inline-block; font-size:11px; color:var(--tfd-teal); margin-top:28px; }
/* Content is readable without JS; reveal states are opt-in after observer setup. */
.tfd-motion [data-tf-reveal] { transition:opacity .6s,transform .6s; }
.tfd-motion [data-tf-reveal]:not(.tfd-visible) { opacity:0; transform:translateY(18px); }
.tfd-console.tfd-visible .tfd-receipt-chain>span { animation:tfd-receipt .65s ease both; }
.tfd-console.tfd-visible .tfd-receipt-chain>span:nth-of-type(2) { animation-delay:.12s; }
.tfd-console.tfd-visible .tfd-receipt-chain>span:nth-of-type(3) { animation-delay:.24s; }
.tf-fig.tfd-visible .tf-s-ln--d { animation:tfd-delegation 1.4s ease; }
@keyframes tfd-receipt { from { opacity:.4; transform:translateY(6px); } to { opacity:1; transform:none; } }
@keyframes tfd-delegation { from { stroke-dashoffset:56; } to { stroke-dashoffset:0; } }
@media (max-width:1100px) { .tfd-hero-grid { gap:35px; } .tfd-hero h1 { font-size:65px; } .tfd-hero .tfd-actions { gap:16px; } .tfd-stack-grid { grid-template-columns:repeat(2,1fr); } .tfd-heading { gap:45px; } .tfd-console-head { padding:16px; } .tfd-console-body { padding:22px 16px 0; } .tfd-identity { padding:10px 7px; gap:7px; } .tfd-identity>i { display:none; } .tfd-console-kicker { font-size:6px; } .tfd-identity b { font-size:10px; } }
@media (max-width:991px) { .tfd-wrap { padding:0 26px; } .tfd-section { padding:78px 0; } .tfd-hero-grid { grid-template-columns:1fr; gap:45px; padding:50px 0; } .tfd-hero h1 { font-size:78px; } .tf-desk .tfd-lead { max-width:550px; } .tfd-console { max-width:560px; width:100%; margin:auto; } .tfd-console-body { padding:25px 22px 0; } .tfd-console-head { padding:18px 22px; } .tfd-console-kicker { font-size:7px; } .tfd-identity { padding:12px 10px; gap:9px; } .tfd-identity b { font-size:11px; } .tfd-identity>i { display:block; } .tfd-principles b { font-size:20px; } .tfd-principles>div { padding:0 20px; } .tfd-slider .swiper-slide { width:calc((100% - 20px)/2); } .tfd-security-note { flex-wrap:wrap; } .tfd-security-note p { flex:1; } .tfd-security-note>a { margin-left:46px; } .tfd-path { padding:28px; } .tfd-path h3 { font-size:30px; } .tfd-faq-layout { gap:40px; } .tfd-resources { gap:16px; } .tfd-resources>a { padding:22px; } .tfd-resources h3 { font-size:23px; } }
@media (max-width:767px) { .tfd-wrap { padding:0 20px; } .tfd-hero { padding:22px 0 30px; } .tfd-edition { font-size:8px; letter-spacing:.07em; gap:10px; } .tfd-hero-grid { padding:40px 0 48px; } .tfd-hero h1 { font-size:clamp(54px,12vw,76px); } .tf-desk .tfd-lead { font-size:15px; } .tfd-eyebrow { font-size:9px; margin-bottom:16px; } .tfd-hero .tfd-actions { flex-direction:column; align-items:flex-start; } .tfd-console { transform:none; box-shadow:7px 7px 0 rgba(32,62,75,.07); } .tfd-console-head { padding:15px; font-size:7px; } .tfd-label { font-size:6px; } .tfd-console-body { padding:23px 15px 0; } .tfd-console-intro strong { font-size:26px; } .tfd-console-seal { font-size:40px; } .tfd-identity-columns { gap:10px; } .tfd-console-kicker { font-size:6px; } .tfd-identity { padding:10px 7px; gap:7px; } .tfd-identity b { font-size:10px; } .tfd-identity small { font-size:7px; } .tfd-identity>span { width:22px; height:22px; font-size:9px; } .tfd-identity>i { display:none; } .tfd-console-boundary { font-size:7px; padding:8px 10px; } .tfd-console-stamp { right:0; bottom:90px; padding:10px; font-size:7px; } .tfd-console-stamp b { font-size:8px; } .tfd-console figcaption { padding:12px 15px; } .tfd-principles { grid-template-columns:1fr; padding:0; } .tfd-principles>div { padding:18px 0!important; border-right:0; border-bottom:1px solid var(--tfd-line); } .tfd-principles b { font-size:24px; } .tfd-principles>div:last-child { border-bottom:0; } .tfd-section-nav>.tfd-wrap { display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; font-size:8px; } .tfd-section-nav span { display:none; } .tfd-section { padding:62px 0; } .tfd-heading { grid-template-columns:1fr; gap:22px; margin-bottom:32px; } .tf-desk h2 { font-size:38px; } .tfd-heading>p { font-size:13px; } .tf-fig__hd { padding:15px 16px; font-size:7px; align-items:flex-start; } .tf-fig__bd { padding:18px 16px 8px; } .tf-fig figcaption { padding:18px 16px; font-size:10px; } .tfd-security-note { gap:15px; } .tfd-security-note>a { margin-left:40px; } .tfd-slider .swiper-slide { width:86%; } .tfd-day { padding:22px; } .tfd-stack-grid { grid-template-columns:1fr; gap:16px; } .tfd-stack-card { padding:25px; } .tfd-icon { margin-bottom:20px; } .tfd-stack-card h3 { font-size:27px; } .tfd-rollout { grid-template-columns:1fr; gap:25px; margin-bottom:35px; } .tfd-rollout li { padding:0 0 0 58px; min-height:75px; } .tfd-rollout li>span { position:absolute; left:0; top:0; } .tfd-rollout li:not(:last-child)::before { left:18px; top:42px; bottom:-19px; right:auto; width:1px; height:auto; } .tfd-rollout h3 { font-size:23px; } .tfd-paths,.tfd-resources,.tfd-faq-layout { grid-template-columns:1fr; gap:24px; } .tfd-path { padding:27px; } .tfd-path h3 { font-size:33px; } .tfd-resources>a { padding:27px; } .tfd-resources h3 { font-size:28px; margin-top:22px; } .tfd-faq-layout { gap:30px; } .tfd-faq summary { font-size:14px; } .tfd-finale { padding:62px 0 68px; } .tfd-finale h2 { font-size:52px; } .tfd-finale .tfd-actions { flex-direction:column; gap:15px; } .tfd-finale .tfd-btn { width:100%; max-width:330px; } }
@media (max-width:359px) { .tfd-edition { flex-direction:column; align-items:flex-start; gap:6px; } .tfd-console-head { flex-direction:column; align-items:flex-start; gap:8px; } .tfd-console-seal { font-size:33px; } .tfd-console-intro strong { font-size:23px; } .tfd-identity>span { display:none; } .tfd-identity-columns { gap:8px; } .tfd-console-boundary { letter-spacing:0; } }
@media (prefers-reduced-motion:reduce) { .tf-desk *,.tf-desk *::before,.tf-desk *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .tfd-motion [data-tf-reveal]:not(.tfd-visible) { opacity:1; transform:none; } }