.image{width:100%;height:100%;display:inline-block;position:relative;overflow:hidden}.image:has(img[data-nimg=fill]){display:block}.image__element{object-fit:contain;width:100%;height:100%}.image__placeholder-loading{background-color:var(--color-bg-secondary);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image__loading-spinner{border:2px solid var(--color-border-primary);border-top:2px solid var(--color-accent-blue);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.image--placeholder{background-color:var(--color-bg-secondary);border:2px dashed var(--color-border-primary);justify-content:center;align-items:center;display:flex}.image__placeholder-content{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);text-align:center;padding:var(--space-4);flex-direction:column;display:flex}.image__placeholder-icon{opacity:.5;width:48px;height:48px}.image__placeholder-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.typing-effect{font-weight:inherit;font-size:inherit;line-height:inherit}.typing-effect__cursor{margin-left:2px;font-weight:400;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-effect__cursor{color:inherit}
.hero{background:var(--color-bg-primary);align-items:center;padding-top:80px;padding-bottom:40px;display:flex;position:relative;overflow:hidden}.hero__content{gap:var(--space-8);z-index:2;max-width:1200px;padding:0 var(--space-6);grid-template-columns:1.2fr .8fr;align-items:center;margin:0 auto;display:grid;position:relative}.hero__text{gap:var(--space-8);text-align:left;flex-direction:column;justify-self:end;width:100%;max-width:500px;display:flex}.hero__headline{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}.hero__description{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);max-width:500px;margin-bottom:var(--space-6)}.hero__typing-effect{color:var(--color-accent-blue);font-weight:var(--font-weight-semibold)}.hero__image{justify-content:flex-start;justify-self:start;align-items:flex-end;height:210px;display:flex;position:relative;overflow:hidden}.hero__headshot{z-index:3;aspect-ratio:1;border-radius:50%;width:210px;height:210px;position:relative;overflow:hidden}.hero__headshot-image{width:100%;height:100%}.hero__headshot-image img{object-fit:cover;object-position:center 30%}@media (max-width:1024px){.hero__content{gap:var(--space-6);padding:0 var(--space-4);grid-template-columns:1fr .7fr}.hero__headshot{width:185px;height:185px}.hero__text{max-width:450px}.hero__image{height:185px}}@media (max-width:768px){.hero{height:auto;padding-top:calc(var(--nav-height-mobile) + var(--space-4));padding-bottom:var(--space-6);min-height:auto;overflow:visible}.hero__content{gap:var(--space-8);text-align:center;padding:0 var(--space-6);box-sizing:border-box;grid-template-columns:1fr;place-items:center;width:100%;max-width:100%}.hero__image{order:1;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:static}.hero__text{gap:var(--space-6);text-align:center;order:2;justify-self:center;align-items:center;width:100%;max-width:100%}.hero__headshot{clip-path:circle(50%);background:0 0;width:155px;height:155px;margin:0 auto;transition:none;position:static;transform:none}.hero__headshot:before{display:none}.hero__headshot:hover{clip-path:circle(50%);transform:none}.hero__headshot-image{border-radius:50%}.hero__headshot-image img{object-fit:cover;object-position:center 30%}.hero__headline{margin-bottom:var(--space-4);font-size:clamp(2rem,8vw,2.5rem)}.hero__description{font-size:var(--font-size-lg);margin-bottom:var(--space-6)}}@media (max-width:480px){.hero{padding:var(--space-6)0 var(--space-4);min-height:auto}.hero__content{padding:0 var(--space-4);gap:var(--space-6);place-items:center}.hero__headshot{width:130px;height:130px}.hero__headline{margin-bottom:var(--space-3);font-size:clamp(1.75rem,7vw,2.25rem)}.hero__description{font-size:var(--font-size-base);margin-bottom:var(--space-5)}}@media (max-width:375px){.hero__content{padding:0 var(--space-3);gap:var(--space-5)}.hero__headshot{width:115px;height:115px}.hero__headline{font-size:clamp(1.5rem,6vw,2rem)}.hero__description{font-size:var(--font-size-sm)}}
.separator{justify-content:center;align-items:center;width:100%;padding:24px;display:flex}.separator__dot{background:#1d1d1d;border-radius:50%;width:75px;height:15px}
.grid{width:100%}.grid--fixed{display:grid}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(var(--min-item-width,300px),450px));justify-content:center;align-items:stretch;display:grid}.grid--fixed.grid--cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid--fixed.grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--fixed.grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--fixed.grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--fixed.grid--cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid--fixed.grid--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid--fixed.grid--cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-gap-xs{gap:var(--space-1)}.grid-gap-sm{gap:var(--space-2)}.grid-gap-md{gap:var(--space-4)}.grid-gap-lg{gap:var(--space-6)}.grid-gap-xl{gap:var(--space-8)}.grid-item{min-width:0}.grid--auto-fit>.grid-item,.grid--auto-fit>*{min-width:0;height:100%}.grid--fixed .col-1{grid-column:span 1}.grid--fixed .col-2{grid-column:span 2}.grid--fixed .col-3{grid-column:span 3}.grid--fixed .col-4{grid-column:span 4}.grid--fixed .col-5{grid-column:span 5}.grid--fixed .col-6{grid-column:span 6}.grid--fixed .col-7{grid-column:span 7}.grid--fixed .col-8{grid-column:span 8}.grid--fixed .col-9{grid-column:span 9}.grid--fixed .col-10{grid-column:span 10}.grid--fixed .col-11{grid-column:span 11}.grid--fixed .col-12{grid-column:span 12}@media (min-width:640px){.grid--fixed .sm-col-1{grid-column:span 1}.grid--fixed .sm-col-2{grid-column:span 2}.grid--fixed .sm-col-3{grid-column:span 3}.grid--fixed .sm-col-4{grid-column:span 4}.grid--fixed .sm-col-5{grid-column:span 5}.grid--fixed .sm-col-6{grid-column:span 6}.grid--fixed .sm-col-7{grid-column:span 7}.grid--fixed .sm-col-8{grid-column:span 8}.grid--fixed .sm-col-9{grid-column:span 9}.grid--fixed .sm-col-10{grid-column:span 10}.grid--fixed .sm-col-11{grid-column:span 11}.grid--fixed .sm-col-12{grid-column:span 12}}@media (min-width:768px){.grid--fixed .md-col-1{grid-column:span 1}.grid--fixed .md-col-2{grid-column:span 2}.grid--fixed .md-col-3{grid-column:span 3}.grid--fixed .md-col-4{grid-column:span 4}.grid--fixed .md-col-5{grid-column:span 5}.grid--fixed .md-col-6{grid-column:span 6}.grid--fixed .md-col-7{grid-column:span 7}.grid--fixed .md-col-8{grid-column:span 8}.grid--fixed .md-col-9{grid-column:span 9}.grid--fixed .md-col-10{grid-column:span 10}.grid--fixed .md-col-11{grid-column:span 11}.grid--fixed .md-col-12{grid-column:span 12}}@media (min-width:1024px){.grid--fixed .lg-col-1{grid-column:span 1}.grid--fixed .lg-col-2{grid-column:span 2}.grid--fixed .lg-col-3{grid-column:span 3}.grid--fixed .lg-col-4{grid-column:span 4}.grid--fixed .lg-col-5{grid-column:span 5}.grid--fixed .lg-col-6{grid-column:span 6}.grid--fixed .lg-col-7{grid-column:span 7}.grid--fixed .lg-col-8{grid-column:span 8}.grid--fixed .lg-col-9{grid-column:span 9}.grid--fixed .lg-col-10{grid-column:span 10}.grid--fixed .lg-col-11{grid-column:span 11}.grid--fixed .lg-col-12{grid-column:span 12}}@media (max-width:768px){.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(var(--min-item-width,300px),280px),1fr))}}@media (max-width:480px){.grid--auto-fit{grid-template-columns:1fr}}
.card{border-radius:var(--radius-xl);border:1px solid var(--color-border-secondary);transition:var(--transition-colors),var(--transition-transform);overflow:hidden}.card--sm{padding:var(--card-padding-sm)}.card--md{padding:var(--card-padding)}.card--lg{padding:var(--card-padding-lg)}.card--default{background-color:var(--color-bg-card);box-shadow:var(--shadow-card)}.card--elevated{background-color:var(--color-bg-card);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-accent)}.card--outline{border:1px solid var(--color-border-primary);background-color:#0000}.card--glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border:1px solid #ffffff1a}.card--flat{background-color:var(--color-bg-secondary);box-shadow:none;border:none}.card--hoverable:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-accent);transform:translateY(-2px)}.card--clickable{cursor:pointer}.card--clickable:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-accent);transform:translateY(-2px)}.card--clickable:focus-visible{box-shadow:var(--focus-ring);outline:none}.card--clickable:active{transform:translateY(-1px)}.card--project{background-color:var(--color-bg-card);border:1px solid var(--color-border-secondary)}
.base-card{cursor:pointer;max-width:500px;height:100%;transition:all var(--duration-slow)var(--ease-out);position:relative;overflow:hidden}.base-card:before{content:"";background:var(--color-accent-blue);z-index:1;width:4px;height:100%;transition:width .2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.base-card:hover:before{width:8px}.base-card__content{gap:var(--space-3);z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.base-card__image{border-radius:var(--radius-base);width:100%;margin-bottom:var(--space-3);overflow:hidden}.base-card__image img{object-fit:cover;width:100%;height:160px}.base-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.base-card__meta{gap:var(--space-1);flex-direction:column;display:flex}.base-card__meta-label{font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.base-card__meta-extra{font-size:var(--font-size-xs)}.base-card__link-indicator{opacity:.6;flex-shrink:0}.base-card__link-indicator svg{width:18px;height:18px;color:var(--color-text-tertiary)}.base-card__title{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.base-card__description{line-height:var(--line-height-relaxed);color:#d4d4d4;flex:1}.base-card__middle{padding-top:var(--space-3);margin-top:auto}.base-card__footer{padding-top:var(--space-4);border-top:1px solid #ffffff14;align-items:center;margin-top:auto;display:flex}.base-card__cta{font-weight:var(--font-weight-semibold);padding:var(--space-2)var(--space-4);border-radius:var(--radius-base);transition:all var(--duration-fast)var(--ease-out);background-color:#3b82f61a;border:1px solid #3b82f633}.base-card:hover .base-card__cta{background-color:#3b82f626;border-color:#3b82f64d;transform:translate(2px)}.base-card:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}@media (max-width:768px){.base-card__header{gap:var(--space-2)}.base-card__link-indicator svg{width:16px;height:16px}.base-card__title{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion:reduce){.base-card,.base-card:before{transition:none}}
.work-card__link{color:inherit;height:100%;text-decoration:none;display:block}.work-card__stats{gap:var(--space-2);flex-direction:column;display:flex}.work-card__stat{align-items:flex-start;gap:var(--space-2);display:flex}.work-card__stat-dot{background:var(--color-accent-blue);opacity:1;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:7px;box-shadow:0 0 8px #3b82f64d}.work-card__stat-text{font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);color:#d4d4d4}.work-card__stat-text a{color:var(--color-accent-blue);transition:color var(--duration-fast)var(--ease-out);text-decoration:none}.work-card__stat-text a:hover{color:var(--color-accent-blue-hover);text-decoration:underline}.work-card .base-card__footer{justify-content:flex-end}@media (max-width:768px){.work-card .base-card__footer{justify-content:stretch}.work-card .base-card__cta{text-align:center;flex:1}}
.work{padding:var(--space-8)0;background:var(--color-bg-primary);position:relative}.work__content{gap:var(--space-16);flex-direction:column;display:flex}.work__header{text-align:center;gap:var(--space-4);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.work__title{font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.work__subtitle{max-width:600px;line-height:var(--line-height-relaxed);margin:0 auto}.work__grid{position:relative}.work__card{height:100%}@media (max-width:1024px){.work__content{gap:var(--space-12)}}@media (max-width:768px){.work{padding:var(--space-20)0}.work__content{gap:var(--space-10)}.work__header{gap:var(--space-3)}.work__title{font-size:var(--font-size-3xl)}.work__subtitle{font-size:var(--font-size-base)}}@media (max-width:480px){.work{padding:var(--space-16)0}.work__content{gap:var(--space-8)}}.work__cards{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.work:after,.work__card{animation:none}.work__card:hover{transform:none}}
.article-card:hover{box-shadow:var(--shadow-lg)!important;transform:none!important}.article-card__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.article-card__tag{padding:var(--space-1-5)var(--space-3);color:#a3c1f0;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--duration-fast)var(--ease-out);background-color:#3b82f61a;border:1px solid #3b82f633}.article-card__tag:hover{background-color:#3b82f626;border-color:#3b82f64d}.article-card .base-card__footer{justify-content:space-between;gap:var(--space-3)}.article-card__read-time{opacity:.6}.article-card--loading{opacity:.7;cursor:default}.article-card--loading:hover{box-shadow:var(--shadow-card);transform:none}@media (max-width:768px){.article-card .base-card__footer{align-items:flex-start;gap:var(--space-3);flex-direction:column}.article-card .base-card__cta{text-align:center;align-self:stretch}}
.articles{padding:var(--space-8)0;background:var(--color-bg-primary);position:relative}.articles__content{gap:var(--space-16);flex-direction:column;display:flex}.articles__header{text-align:center;gap:var(--space-4);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.articles__title{font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.articles__subtitle{max-width:600px;line-height:var(--line-height-relaxed);margin:0 auto}.articles__grid{position:relative}.articles__cards{z-index:2;position:relative}.articles__card{height:100%}.articles__upcoming{background:var(--color-bg-card);border:1px solid var(--color-border-secondary);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center}.articles__upcoming-title{margin-bottom:var(--space-6);color:var(--color-text-secondary)}.articles__upcoming-topics{gap:var(--space-4);flex-direction:column;max-width:500px;margin:0 auto;display:flex}.articles__topic{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);transition:var(--transition-colors);display:flex}.articles__topic:hover{background:var(--color-bg-hover);border-color:var(--color-border-accent)}.articles__topic-dot{background:var(--color-accent-orange);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:3s ease-in-out infinite pulse-topic}@keyframes pulse-topic{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.articles__cta{background:var(--color-bg-card);border:1px solid var(--color-border-accent);border-radius:var(--radius-2xl);padding:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.articles__cta-content{flex:1}.articles__cta-title{margin-bottom:var(--space-2);color:var(--color-text-primary)}.articles__cta-description{line-height:var(--line-height-relaxed)}.articles__cta-placeholder{padding:var(--space-4)var(--space-6);background:var(--color-bg-secondary);border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);text-align:center;flex-shrink:0}@media (max-width:1024px){.articles__content{gap:var(--space-12)}.articles__cta{gap:var(--space-6)}}@media (max-width:768px){.articles{padding:var(--space-20)0}.articles__content{gap:var(--space-10)}.articles__header{gap:var(--space-3)}.articles__title{font-size:var(--font-size-3xl)}.articles__subtitle{font-size:var(--font-size-base)}.articles__upcoming{padding:var(--space-6)}.articles__cta{text-align:center;align-items:stretch;gap:var(--space-4);flex-direction:column}.articles__cta-placeholder{align-self:center}}@media (max-width:480px){.articles{padding:var(--space-16)0}.articles__content{gap:var(--space-8)}.articles__upcoming{padding:var(--space-4)}.articles__upcoming-topics{gap:var(--space-3)}.articles__topic{padding:var(--space-2)}.articles__cta{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){.articles__topic-dot{animation:none}}
.survey-btn{border:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;text-align:center;border-radius:8px;justify-content:center;align-items:center;min-width:60px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.survey-btn__content{z-index:1;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.survey-btn__icon{align-items:center;font-size:16px;line-height:1;display:flex}.survey-btn__text{white-space:nowrap}.survey-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-accent);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.survey-btn:focus{border-color:var(--color-accent-blue);outline:none;box-shadow:0 0 0 2px #3b82f633}.survey-btn--selected{background-color:var(--color-accent-green);border-color:var(--color-accent-green);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.survey-btn--selected:hover{background-color:var(--color-accent-green-hover);border-color:var(--color-accent-green-hover);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.survey-btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.survey-btn--yes,.survey-btn--no,.survey-btn--sort-of{border-radius:12px;width:48px;min-width:48px;height:48px;padding:8px;font-size:20px}.survey-btn--role{white-space:nowrap;border-radius:8px;min-width:120px;padding:12px 16px;font-size:14px}.survey-btn--primary{background-color:var(--color-accent-blue);border-color:var(--color-accent-blue);color:var(--color-primary);white-space:nowrap;border-radius:10px;min-width:140px;padding:14px 20px;font-size:16px;font-weight:600}.survey-btn--primary:hover{background-color:var(--color-accent-blue-hover);border-color:var(--color-accent-blue-hover)}.survey-btn--secondary{border-color:var(--color-border-primary);color:var(--color-text-secondary);white-space:nowrap;background-color:#0000;border-radius:10px;min-width:140px;padding:14px 20px;font-size:16px}.survey-btn--secondary:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}
.survey-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;background-color:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{to{opacity:1}}.survey-modal{background:linear-gradient(135deg,var(--color-bg-card)0%,#1a1a1af2 100%);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-2xl),0 0 40px #10b9811a;border-radius:16px;width:100%;max-width:500px;max-height:90vh;animation:.3s forwards slideIn;position:relative;overflow-y:auto;transform:scale(.9)}@keyframes slideIn{to{transform:scale(1)}}.survey-modal__header{border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:flex-start;padding:24px 24px 20px;display:flex}.survey-modal__title-section{flex:1;margin-right:16px}.survey-modal__title{color:var(--color-text-primary);margin:0 0 8px}.survey-modal__subtitle{color:var(--color-text-secondary);margin:0 0 16px;line-height:1.4}.survey-progress{margin-top:12px}.survey-progress__bar{background-color:var(--color-bg-tertiary);border-radius:2px;width:100%;height:4px;margin-bottom:6px;overflow:hidden}.survey-progress__fill{background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-green));border-radius:2px;height:100%;transition:width .4s}.survey-progress__text{color:var(--color-text-tertiary);margin:0;font-size:11px}.survey-modal__close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:24px;font-weight:700;transition:all .2s;display:flex}.survey-modal__close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.survey-modal__content{padding:24px}.survey-question{opacity:0;margin-bottom:32px;animation:.6s forwards fadeInUp}.survey-question:first-child{animation-delay:.1s}.survey-question:nth-child(2){animation-delay:.2s}.survey-question:nth-child(3){animation-delay:.3s}.survey-question:nth-child(4){animation-delay:.4s}.survey-question:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.survey-question:last-child{margin-bottom:0}.survey-question__text{color:var(--color-text-primary);margin:0 0 12px;font-weight:500}.survey-question__subtext{color:var(--color-text-tertiary);margin:0 0 16px;font-size:12px}.survey-question__options{flex-wrap:wrap;gap:8px;display:flex}.nps-slider-container{width:100%}.nps-slider-labels{justify-content:space-between;margin-bottom:12px;display:flex}.nps-label{color:var(--color-text-tertiary);font-size:12px;font-weight:500}.nps-slider-wrapper{position:relative}.nps-slider{cursor:pointer;appearance:none;background:linear-gradient(90deg,#ef4444 0%,#f59e0b 25%,#eab308 50%,#22c55e 75%,#10b981 100%);border-radius:4px;outline:none;width:100%;height:8px}.nps-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:3px solid var(--color-accent-blue);cursor:pointer;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 2px 8px #0003}.nps-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.nps-slider::-moz-range-thumb{background:var(--color-primary);border:3px solid var(--color-accent-blue);cursor:pointer;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 2px 8px #0003}.nps-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.nps-value-display{text-align:center;margin-top:12px}.nps-value{background-color:var(--color-accent-blue);color:var(--color-primary);border-radius:8px;min-width:32px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-block}.survey-input-wrapper{width:100%}.survey-input{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);width:100%;color:var(--color-text-primary);border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.survey-input::placeholder{color:var(--color-text-tertiary)}.survey-input:focus{border-color:var(--color-accent-blue);background-color:var(--color-bg-card);box-shadow:0 0 0 2px #3b82f633}.survey-input:hover{border-color:var(--color-border-accent)}.survey-textarea{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);width:100%;color:var(--color-text-primary);resize:vertical;border-radius:8px;outline:none;min-height:80px;padding:12px 16px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .2s}.survey-textarea::placeholder{color:var(--color-text-tertiary)}.survey-textarea:focus{border-color:var(--color-accent-blue);background-color:var(--color-bg-card);box-shadow:0 0 0 2px #3b82f633}.survey-textarea:hover{border-color:var(--color-border-accent)}.character-count{text-align:right;color:var(--color-text-tertiary);margin-top:4px;font-size:12px}.survey-modal--thank-you{text-align:center;max-width:400px}.thank-you-content{flex-direction:column;align-items:center;gap:16px;padding:48px 32px;display:flex}.thank-you-icon{margin-bottom:8px;font-size:64px;animation:.6s bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}.thank-you-title{color:var(--color-text-primary);margin:0}.thank-you-message{color:var(--color-text-secondary);margin:0;line-height:1.5}.survey-modal--loading{text-align:center;max-width:400px}.loading-content{flex-direction:column;align-items:center;gap:24px;padding:48px 32px;display:flex}.loading-spinner{border:4px solid var(--color-bg-tertiary);border-top:4px solid var(--color-accent-blue);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{color:var(--color-text-primary);margin:0}.survey-modal__footer{border-top:1px solid var(--color-border-secondary);opacity:0;justify-content:flex-end;gap:12px;padding:16px 24px 24px;animation:.6s .6s forwards fadeInUp;display:flex}@media (max-width:768px){.survey-modal-overlay{padding:16px}.survey-modal{max-width:100%}.survey-modal__header{padding:20px 20px 12px}.survey-modal__content{padding:20px}.survey-modal__footer{flex-direction:column-reverse;padding:12px 20px 20px}.survey-question{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){.survey-modal-overlay,.survey-modal,.survey-question,.survey-modal__footer{animation:none}.survey-modal-overlay{opacity:1}.survey-modal{transform:scale(1)}.survey-question,.survey-modal__footer{opacity:1;transform:translateY(0)}}
.floating-btn{background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-green));width:64px;height:64px;color:var(--color-primary);cursor:pointer;z-index:999;text-align:center;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;line-height:1;transition:all .3s;animation:2s infinite floatingPulse;display:flex;position:fixed;box-shadow:0 8px 24px #3b82f64d}@keyframes floatingPulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #3b82f64d}50%{transform:scale(1.05);box-shadow:0 12px 32px #3b82f666}}.floating-btn:hover{animation:none;transform:scale(1.1);box-shadow:0 12px 32px #3b82f680}.floating-btn:active{transform:scale(.95)}.floating-btn--bottom-right{bottom:24px;right:24px}.floating-btn--bottom-left{bottom:24px;left:24px}.floating-btn--top-right{top:24px;right:24px}.floating-btn--top-left{top:24px;left:24px}@media (max-width:768px){.floating-btn{width:56px;height:56px;font-size:16px}.floating-btn--bottom-right{bottom:16px;right:16px}.floating-btn--bottom-left{bottom:16px;left:16px}.floating-btn--top-right{top:16px;right:16px}.floating-btn--top-left{top:16px;left:16px}}@media (prefers-reduced-motion:reduce){.floating-btn{animation:none}}.floating-btn--hidden{opacity:0;pointer-events:none;transform:scale(.8)}