/* About tunatheme: a calm editorial section between solutions and benefits. */
.tt-about-story{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:104px 24px 100px;background:var(--tt-page,#f7f8fa);color:var(--tt-text,#171a20);scroll-margin-top:86px}
.tt-about-story *{box-sizing:border-box}
.tt-about-story-inner{max-width:1400px;margin:0 auto}
.tt-about-story-heading{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);align-items:end;gap:clamp(36px,6vw,110px);margin-bottom:46px}
.tt-about-story-kicker{display:inline-flex;align-items:center;min-height:29px;padding:4px 11px;border:1px solid #00d57a;border-radius:999px;color:#07995c;font-size:14px;font-weight:500;line-height:1.2}
.tt-about-story-heading h2{max-width:850px;margin:20px 0 0;color:var(--tt-text,#171a20);font-size:clamp(43px,4.6vw,66px);font-weight:550;line-height:1.07;letter-spacing:-.065em}
.tt-about-story-heading h2 em{color:#006dfa;font-family:Georgia,serif;font-weight:400;font-style:italic}
.tt-about-story-heading>p{max-width:490px;margin:0 0 4px;color:var(--tt-subtle,#68727e);font-size:18px;line-height:1.66}
.tt-about-story-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:20px}
.tt-about-story-feature{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:555px;padding:32px;overflow:hidden;border:1px solid #dfe7f1;border-radius:18px;background:radial-gradient(ellipse at 92% 12%,rgba(255,219,234,.75),transparent 42%),radial-gradient(ellipse at 12% 88%,rgba(188,223,255,.7),transparent 51%),linear-gradient(140deg,#f1f5fc,#f7f5fb 58%,#f8f7f4);box-shadow:0 10px 30px rgba(31,42,57,.04)}
.tt-about-story-feature::before{content:"";position:absolute;z-index:-1;right:-22%;bottom:-55%;width:84%;aspect-ratio:1;border:1px solid rgba(87,126,174,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(87,126,174,.035),0 0 0 90px rgba(87,126,174,.025);pointer-events:none}
.tt-about-story-feature-top{display:flex;align-items:center;justify-content:space-between;color:#5d6f87;font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.tt-about-story-feature-top>span:last-child{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(67,91,125,.2);border-radius:50%;color:#006dfa;font-size:20px;font-weight:400;letter-spacing:0}
.tt-about-story-feature-copy{max-width:550px;margin:auto 0 45px}
.tt-about-story-feature h3{margin:0 0 22px;color:#171a20;font-size:clamp(34px,3.5vw,52px);font-weight:550;line-height:1.08;letter-spacing:-.065em}
.tt-about-story-feature p{max-width:480px;margin:0;color:#52647a;font-size:17px;line-height:1.65}
.tt-about-story-flow{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;padding-top:19px;border-top:1px solid rgba(68,91,123,.2)}
.tt-about-story-flow span{display:inline-flex;align-items:center;min-height:33px;padding:6px 11px;border:1px solid rgba(92,120,157,.16);border-radius:999px;background:rgba(255,255,255,.68);color:#314963;font-size:13px;font-weight:600;line-height:1.2}
.tt-about-story-flow span:not(:last-child)::after{content:"↗";margin-left:11px;color:#006dfa;font-size:15px;font-weight:400}
.tt-about-story-values{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:16px}
.tt-about-story-value{min-width:0;padding:24px 28px;border:1px solid rgba(35,46,61,.055);border-radius:10px;background:var(--tt-surface,#fff);box-shadow:0 8px 24px rgba(31,42,57,.025);transition:box-shadow .3s ease,transform .3s ease}
.tt-about-story-value:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(31,42,57,.07)}
.tt-about-story-value-top{display:flex;align-items:center;gap:20px;margin-bottom:18px}
.tt-about-story-value-top svg{flex:none;width:29px;height:29px;color:#c2c7ce;transition:color .25s ease}
.tt-about-story-rule{position:relative;flex:1;height:1px;background:#d9dde3}
.tt-about-story-rule::before{content:"";position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#c2c7ce}
.tt-about-story-number{color:#c2c7ce;font-size:23px;font-weight:650;line-height:1;letter-spacing:-.05em;transition:color .25s ease}
.tt-about-story-value:hover .tt-about-story-value-top svg,.tt-about-story-value:hover .tt-about-story-number{color:var(--tt-text,#171a20)}
.tt-about-story-value h3{margin:0 0 8px;color:var(--tt-text,#171a20);font-size:21px;font-weight:580;line-height:1.25;letter-spacing:-.035em}
.tt-about-story-value p{max-width:520px;margin:0;color:var(--tt-subtle,#68727e);font-size:15px;line-height:1.55}
.tt-about-story-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding-top:24px;border-top:1px solid var(--tt-border,#d9dde3);color:var(--tt-subtle,#68727e);font-size:15px;line-height:1.5}
.tt-about-story-footer a{display:inline-flex;align-items:center;gap:12px;color:#006dfa;font-size:15px;font-weight:650;text-decoration:none}
.tt-about-story-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.tt-about-story-footer a:focus-visible{outline:2px solid #006dfa;outline-offset:5px;border-radius:3px}
html[data-theme=dark] .tt-about-story-kicker{border-color:#2fdc8b;color:#6ae6aa}
html[data-theme=dark] .tt-about-story-feature{border-color:#344252;background:radial-gradient(ellipse at 90% 12%,rgba(109,76,126,.16),transparent 45%),radial-gradient(ellipse at 10% 88%,rgba(0,109,250,.12),transparent 54%),linear-gradient(140deg,#202832,#1b2530)}
html[data-theme=dark] .tt-about-story-feature::before{border-color:rgba(145,173,214,.08);box-shadow:0 0 0 42px rgba(145,173,214,.025),0 0 0 90px rgba(145,173,214,.015)}
html[data-theme=dark] .tt-about-story-feature-top,html[data-theme=dark] .tt-about-story-feature p{color:#aebdce}
html[data-theme=dark] .tt-about-story-feature h3{color:var(--tt-text,#f2f5f9)}
html[data-theme=dark] .tt-about-story-flow{border-color:#3b4552}
html[data-theme=dark] .tt-about-story-flow span{border-color:#46596e;background:rgba(255,255,255,.05);color:#d4dfeb}
html[data-theme=dark] .tt-about-story-value{border-color:#2c3440;box-shadow:0 10px 24px rgba(0,0,0,.08)}
html[data-theme=dark] .tt-about-story-value:hover{box-shadow:0 16px 36px rgba(0,0,0,.2)}
html[data-theme=dark] .tt-about-story-value-top svg,html[data-theme=dark] .tt-about-story-number{color:#697789}
html[data-theme=dark] .tt-about-story-rule{background:#3b4552}
html[data-theme=dark] .tt-about-story-rule::before{background:#697789}
html[data-theme=dark] .tt-about-story-value:hover .tt-about-story-value-top svg,html[data-theme=dark] .tt-about-story-value:hover .tt-about-story-number{color:var(--tt-text,#f2f5f9)}
@media(max-width:1000px){.tt-about-story-heading{grid-template-columns:1fr;gap:20px}.tt-about-story-heading>p{max-width:760px}.tt-about-story-grid{grid-template-columns:1fr}.tt-about-story-feature{min-height:410px}.tt-about-story-values{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}.tt-about-story-value{padding:23px}.tt-about-story-value h3{font-size:19px}}
@media(max-width:700px){.tt-about-story{padding:74px 20px}.tt-about-story-heading{margin-bottom:30px}.tt-about-story-heading h2{font-size:clamp(39px,9vw,54px)}.tt-about-story-heading>p{font-size:16px}.tt-about-story-feature{min-height:390px;padding:25px}.tt-about-story-feature h3{font-size:clamp(33px,8vw,45px)}.tt-about-story-feature p{font-size:16px}.tt-about-story-values{grid-template-columns:1fr;gap:12px}.tt-about-story-value{padding:24px}.tt-about-story-footer{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:390px){.tt-about-story{padding-inline:16px}.tt-about-story-feature{padding:22px}.tt-about-story-flow span{font-size:12px;padding-inline:9px}.tt-about-story-flow span:not(:last-child)::after{margin-left:6px}}
@media(prefers-reduced-motion:reduce){.tt-about-story-value,.tt-about-story-value-top svg,.tt-about-story-number{transition:none!important}}