.gl-experience{--gl-ink:var(--vivo-text,var(--text,#173c31));--gl-paper:var(--vivo-surface,var(--surface,#fff));--gl-line:color-mix(in srgb,var(--gl-ink) 17%,transparent);color:var(--gl-ink);padding-bottom:3rem}.gl-experience .gl-hero,.gl-experience-section,.gl-bottom-cta{border:1px solid var(--gl-line);background:color-mix(in srgb,var(--gl-paper) 88%,transparent);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);border-radius:24px;margin-block:1.5rem;padding:clamp(1rem,3.6vw,2.5rem);box-shadow:0 18px 38px -30px #093f2a61}.gl-experience .gl-hero{background:radial-gradient(ellipse at 85% 12%,#3ac59a29,transparent 64%),color-mix(in srgb,var(--gl-paper) 88%,transparent)}.gl-experience :is(h1,h2,h3,p,span,strong,legend,label){color:inherit;overflow-wrap:break-word}.gl-experience .gl-hero h1{max-width:21ch;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15}.gl-experience .gl-hero p{max-width:70ch;line-height:1.65}.gl-experience .gl-heading p{max-width:80ch;line-height:1.6}.gl-experience .gl-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.gl-experience .gl-choice,.gl-experience .gl-tabs button{border:1px solid var(--gl-line);background:color-mix(in srgb,var(--gl-paper) 82%,transparent);color:var(--gl-ink);text-align:left;cursor:pointer;border-radius:14px;transition:border-color .15s,background .15s}.gl-experience .gl-choice{flex-direction:column;gap:8px;min-height:118px;padding:18px;display:flex}.gl-experience .gl-choice strong{font-size:1.03rem}.gl-experience .gl-choice span{font-size:.9rem;line-height:1.5}.gl-experience :is(.gl-choice,.gl-tabs button).is-selected{border-color:var(--vivo-primary,#168d68);background:color-mix(in srgb,#32bc8d 12%,var(--gl-paper));box-shadow:inset 0 0 0 1px var(--vivo-primary,#168d68)}.gl-experience :is(button,select,a):focus-visible{outline:3px solid var(--vivo-primary,#168d68);outline-offset:3px}.gl-experience .gl-result,.gl-experience .gl-preview{border:1px solid var(--gl-line);background:color-mix(in srgb,var(--gl-paper) 93%,transparent);border-radius:16px;margin-top:15px;padding:clamp(1rem,2.5vw,1.5rem)}.gl-experience .gl-result p,.gl-experience .gl-preview p{line-height:1.6}.gl-experience .gl-reflection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.gl-experience .gl-fieldset{border:1px solid var(--gl-line);border-radius:14px;min-width:0;margin:0;padding:16px}.gl-experience .gl-fieldset legend{padding-inline:7px;font-weight:750}.gl-experience .gl-fieldset label{gap:5px;font-weight:600;display:grid}.gl-experience .gl-fieldset select{border:1px solid var(--gl-line);width:100%;min-height:44px;color:var(--gl-ink);background:var(--gl-paper);border-radius:10px;padding:8px}.gl-experience .gl-tabs{flex-wrap:wrap;gap:8px;display:flex}.gl-experience .gl-tabs button{min-height:44px;padding:10px 14px}.gl-experience .gl-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.gl-experience .gl-metrics>div{border:1px solid var(--gl-line);border-radius:12px;gap:3px;padding:14px;display:grid}.gl-experience .gl-metrics strong{font-size:clamp(1.4rem,3vw,2rem)}.gl-experience .gl-metrics span{font-size:.85rem}.gl-experience .gl-team{padding:0;list-style:none}.gl-experience .gl-team li{border-bottom:1px solid var(--gl-line);grid-template-columns:minmax(0,1fr) minmax(80px,180px);align-items:center;gap:6px 16px;padding:12px 0;display:grid}.gl-experience .gl-team li div{gap:3px;display:grid}.gl-experience .gl-team li div span,.gl-experience .gl-team li small{font-size:.83rem}.gl-experience .gl-team li small{grid-column:1/-1}.gl-experience .gl-team progress{max-width:100%;accent-color:var(--vivo-primary,#168d68)}.gl-experience .gl-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.gl-experience .gl-value-card{border:1px solid var(--gl-line);background:color-mix(in srgb,var(--gl-paper) 94%,transparent);border-radius:16px;min-width:0;padding:20px}.gl-experience .gl-value-card>span{color:var(--vivo-primary,#168d68);font-weight:800}.gl-experience .gl-value-card p{line-height:1.55}.gl-experience .gl-value-card a{font-weight:700}@media (max-width:800px){.gl-experience .gl-choice-grid,.gl-experience .gl-reflection-grid{grid-template-columns:1fr}}@media (max-width:540px){.gl-experience .gl-metrics,.gl-experience .gl-grid-four,.gl-experience .gl-team li{grid-template-columns:1fr}.gl-experience .gl-team progress{width:100%}.gl-experience .gl-tabs button{text-align:center;flex:1}}@media (prefers-reduced-motion:reduce){.gl-experience .gl-choice,.gl-experience .gl-tabs button{transition:none}}
