:root{--color-primary: #667eea;--color-secondary: #764ba2;--color-dark: #1a1a2e;--color-light: #ffffff;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px;--font-family: "Krub", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.5;color:var(--color-dark);background:var(--color-light)}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.not-found{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:grid;place-items:center}.not-found__main{text-align:center;padding:1.5em}.face{display:block;width:12em;height:auto;margin:0 auto 2rem;color:#fff}.face__eyes,.face__eye-lid,.face__mouth-left,.face__mouth-right,.face__nose,.face__pupil{animation:eyes 1s .3s cubic-bezier(.65,0,.35,1) forwards}.face__eye-lid,.face__pupil{animation-duration:4s;animation-delay:1.3s;animation-iteration-count:infinite}.face__eye-lid{animation-name:eye-lid}.face__mouth-left,.face__mouth-right{animation-timing-function:cubic-bezier(.33,1,.68,1)}.face__mouth-left{animation-name:mouth-left}.face__mouth-right{animation-name:mouth-right}.face__nose{animation-name:nose}.face__pupil{animation-name:pupil}@keyframes eye-lid{0%,40%,45%,to{transform:translateY(0)}42.5%{transform:translateY(17.5px)}}@keyframes eyes{0%{transform:translateY(112.5px)}to{transform:translateY(15px)}}@keyframes pupil{0%,37.5%,40%,45%,87.5%,to{stroke-dashoffset:0;transform:translate(0)}12.5%,25%,62.5%,75%{stroke-dashoffset:0;transform:translate(-35px)}42.5%{stroke-dashoffset:35;transform:translateY(17.5px)}}@keyframes mouth-left{0%,50%{stroke-dashoffset:-102}to{stroke-dashoffset:0}}@keyframes mouth-right{0%,50%{stroke-dashoffset:102}to{stroke-dashoffset:0}}@keyframes nose{0%{transform:translate(0)}to{transform:translateY(22.5px)}}.not-found__title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;color:#fff;margin-bottom:.5rem}.not-found__text{font-size:1.1rem;color:#fffc;margin-bottom:2rem}.not-found__link{display:inline-block;padding:14px 28px;background:#ffffffe6;color:#1a1a2e;font-weight:600;border-radius:50px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #0000001a}.not-found__link:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000026}.portfolio{min-height:100vh;background:#f5f5f7;position:relative}.intro{padding:180px 24px 80px;text-align:center;position:relative;z-index:1;overflow:hidden;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.intro__title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#1a1a2e;line-height:1.2;margin-bottom:24px;max-width:800px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.intro__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;position:relative;z-index:2}.intro__tag{padding:8px 16px;background:#667eea14;border-radius:20px;font-size:.85rem;font-weight:600;color:#667eea;border:1px solid rgba(102,126,234,.15);transition:all .2s ease}.intro__tag:hover{background:#667eea26;border-color:#667eea4d}.tags-cloud{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(700px,90vw);height:min(700px,90vw);list-style:none;pointer-events:none;z-index:0}.tags-cloud__tag{position:absolute;top:50%;left:50%;font-size:clamp(1.2rem,4vw,2rem);font-weight:700;color:#667eea;white-space:nowrap;transition:transform .1s linear,opacity .1s linear;will-change:transform,opacity}.tags-cloud__wrap{display:inline-block;transform:translate(-50%) translateY(-50%)}.hero{display:flex;align-items:center;justify-content:center;padding:40px 24px 20px;position:relative;z-index:1}.hero__card{display:flex;align-items:center;justify-content:center;gap:60px;max-width:1100px;padding:60px 80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:40px;box-shadow:0 25px 80px #667eea4d,0 10px 30px #0000001a}.hero__content{text-align:left;flex:1}.hero__avatar{flex-shrink:0}.hero__label{display:block;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;color:#fff9;margin-bottom:8px;letter-spacing:.05em;text-transform:uppercase}.hero__title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:16px;letter-spacing:-.02em;min-height:1.2em;white-space:nowrap}.hero__title-typed{display:inline;color:#ffffffd9}.hero__cursor{color:#fff;font-weight:300;margin-left:2px;animation:none}.hero__cursor--hidden{opacity:0}.hero__subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:#ffffffbf;max-width:480px;line-height:1.6}.hero__cta{display:inline-block;margin-top:24px;padding:14px 28px;background:#fffffff2;color:#1a1a2e;font-size:.95rem;font-weight:600;text-decoration:none;border-radius:50px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px #00000026}.hero__cta:hover{transform:translateY(-2px);box-shadow:0 6px 28px #0003}.hero__cta:active{transform:translateY(0)}.blob-avatar{width:clamp(280px,35vw,420px);aspect-ratio:1}.blob-avatar svg{width:100%;height:100%;overflow:visible}.blob-avatar #blobClip{transform-origin:center;transition:transform .3s ease}.blob-avatar:hover #blobClip{transform:scale(1.08) translate(0)}.blob-avatar__text{font-family:var(--font-family);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;fill:#ffffffe6;transition:fill .3s ease}.blob-avatar:hover .blob-avatar__text{fill:#fff}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;z-index:1}.section h2{font-size:3rem;color:#1a1a2e;opacity:.15}.cases{padding:140px 24px 80px;position:relative;z-index:1}.cases__title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:8px}.cases__subtitle{font-size:1.1rem;color:#64748b;text-align:center;margin-bottom:32px}.cases__tags{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.cases__tag{background:#f5f5f7;color:#1a1a2e;font-weight:600;font-size:.9rem;padding:12px 24px;border-radius:16px;border:none;cursor:pointer;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #00000008;transition:all .3s ease}.cases__tag:hover{color:#667eea;box-shadow:inset 4px 4px 8px #00000014,inset -4px -4px 8px #ffffffe6}.cases__tag:active{box-shadow:inset 6px 6px 12px #0000001a,inset -6px -6px 12px #fffc}.cases__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;max-width:1100px;margin:0 auto}@media(min-width:540px){.cases__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.cases__grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:540px){.cases__tags{display:none}.cases{padding-left:0;padding-right:0}.cases__grid{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-padding-left:24px;gap:16px;padding-left:24px;padding-right:80px}.cases__title{padding-left:24px}.cases__grid::-webkit-scrollbar{display:none}.case-card-wrapper{flex:0 0 calc(100vw - 100px);scroll-snap-align:start}}.case-card-wrapper{display:flex;flex-direction:column}.case-card{position:relative;display:block;text-decoration:none;border-radius:24px;overflow:hidden}.case-card:before{content:"";display:block;padding-bottom:150%}.case-card__bg{position:absolute;inset:0;background-size:cover;background-position:center;transform-origin:center;transform:scale(1);transition:transform .3s ease}.case-card__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center;transform:scale(1);transition:transform .3s ease}.case-card:hover .case-card__video{transform:scale(1.05)}.case-card__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea99,#764ba2b3);opacity:0;transition:opacity .3s ease}.case-card:hover .case-card__bg{transform:scale(1.05)}@media(min-width:541px){.cases__grid:hover>.case-card-wrapper:not(:hover) .case-card__bg,.cases__grid:hover>.case-card-wrapper:not(:hover) .case-card__video{transform:scale(1);filter:blur(8px)}.cases__grid:hover>.case-card-wrapper:not(:hover) .case-card__bg:after{opacity:.8}}.case-card__title{position:absolute;bottom:0;left:0;right:0;padding:60px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);color:#fff;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.case-card__category{color:#64748b;font-size:.8rem;font-weight:500;text-align:center;margin-top:12px;text-transform:uppercase;letter-spacing:.5px}.funnel-section{position:relative;padding:80px 24px;background:#f5f5f7;display:flex;align-items:center;justify-content:center}.funnel-section__container{position:relative;z-index:1;max-width:1100px;width:100%}.funnel-section__title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:32px}.funnel-section__intro{background:#f5f5f7;border-radius:24px;padding:32px 40px 40px;overflow:hidden;box-shadow:8px 8px 16px #0000000f,-8px -8px 16px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #00000005}.funnel-section__intro-row{display:flex;align-items:center;gap:40px}.funnel-section__intro-text{flex:1}.funnel-section__intro-text p{color:#64748b;font-size:1.05rem;line-height:1.7;margin-bottom:8px}.funnel-section__intro-text p:last-child{margin-bottom:0}.funnel-section__cta{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:140px;height:140px;font-size:.95rem;font-weight:600;text-align:center;line-height:1.3;color:#fff;text-decoration:none;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 0 #667eea80;animation:ctaPulse 2s infinite;transition:transform .2s ease}.funnel-section__cta:hover{animation:none;transform:scale(1.05)}@keyframes ctaPulse{0%,70%,to{transform:scale(1);box-shadow:0 0 #667eea66}14%{transform:scale(1.08);box-shadow:0 0 0 15px #667eea33}28%{transform:scale(1);box-shadow:0 0 #667eea1a}42%{transform:scale(1.12);box-shadow:0 0 0 25px #667eea00}}.pulse-word{color:#667eea;font-weight:700}.funnel-section__subtitle{font-size:clamp(1rem,2.4vw,1.2rem);font-weight:600;color:#1a1a2e;text-align:center;margin:40px 0 16px}.funnel-section__conclusion-main{font-size:1.2rem;font-weight:700;color:#1a1a2e;text-align:center;margin-top:32px;margin-bottom:8px}.funnel-section__conclusion-sub{font-size:1rem;color:#64748b;text-align:center}.pipeline{position:relative;width:100%;height:280px;margin:24px 0;overflow:hidden}.pipeline__svg{width:100%;height:100%;overflow:visible}.pipeline__outer,.pipeline__inner{transition:points 1.2s cubic-bezier(.34,1.56,.64,1)}.pipeline__title{font-size:14px;font-weight:600;fill:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.pipeline__value{font-size:28px;font-weight:700;fill:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.pipeline__metric{font-size:18px;font-weight:700;fill:#64748b}.pipeline__metric--highlight{fill:#667eea;font-size:20px}.pipeline__metric-label{font-size:11px;font-weight:500;fill:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.pipeline__roi-rect{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.pipeline__roi-label-svg{font-size:12px;font-weight:600;fill:#fffc;text-transform:uppercase;letter-spacing:1px}.pipeline__roi-value-svg{font-size:22px;font-weight:800;fill:#fff}@media(max-width:768px){.funnel-section__intro-row{flex-direction:column;gap:32px}.funnel-section__cta{width:120px;height:120px;font-size:.85rem}.pipeline{height:220px}.pipeline__value{font-size:20px}.pipeline__title{font-size:11px}.pipeline__roi-value-svg{font-size:18px}}@media(max-width:640px){.funnel-section{padding:60px 16px}.funnel-section__intro{padding:24px;border-radius:20px}.pipeline{height:180px}.pipeline__value{font-size:16px}.pipeline__metric{font-size:14px}.pipeline__title{font-size:10px}.funnel-section__conclusion-main{font-size:1.1rem}}.services{padding:80px 24px;background:#f5f5f7}.services__container{max-width:1100px;margin:0 auto}.services__title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:32px}.services__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.services__tab{padding:14px 24px;background:#f5f5f7;color:#64748b;font-weight:600;font-size:.95rem;border-radius:16px;border:none;cursor:pointer;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #00000008;transition:all .3s ease}.services__tab:hover{color:#1a1a2e}.services__tab--active{color:#667eea;background:#f5f5f7;box-shadow:inset 4px 4px 8px #00000014,inset -4px -4px 8px #ffffffe6}.services__content{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#f5f5f7;border-radius:24px;padding:40px;box-shadow:8px 8px 16px #0000000f,-8px -8px 16px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #00000005;transition:opacity .15s ease}.services__content--fading{opacity:.5}.services__checklist{display:flex;flex-direction:column;gap:16px}.services__checklist-item{display:flex;gap:12px;align-items:flex-start}.services__checklist-icon{flex-shrink:0;color:#667eea;font-size:1.1rem;font-weight:700;line-height:1.5}.services__checklist-text{color:#475569;font-size:.95rem;line-height:1.6}.services__why-us{background:#f5f5f7;border-radius:20px;padding:32px;box-shadow:inset 4px 4px 8px #0000000d,inset -4px -4px 8px #fffc}.services__why-us-title{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin-bottom:20px}.services__why-us-text{color:#64748b;font-size:.95rem;line-height:1.7;margin-bottom:16px}.services__why-us-text:last-of-type{margin-bottom:24px}.services__cta{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;border-radius:50px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #667eea4d}.services__cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.services__cta svg{transition:transform .2s ease}.services__cta:hover svg{transform:translate(4px)}@media(max-width:900px){.services__content{grid-template-columns:1fr;gap:32px}}@media(max-width:640px){.services{padding:60px 16px}.services__tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:10px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;padding-bottom:8px}.services__tabs::-webkit-scrollbar{display:none}.services__tab{flex-shrink:0;padding:12px 20px;font-size:.9rem}.services__content{padding:24px;border-radius:20px}.services__why-us{padding:24px}.services__checklist-text{font-size:.9rem}}.how-i-work{padding:80px 24px;background:#f5f5f7}.how-i-work__container{max-width:900px;margin:0 auto}.how-i-work__title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:8px}.how-i-work__subtitle{font-size:1.1rem;color:#64748b;text-align:center;margin-bottom:48px}.timeline{position:relative}.timeline__item{display:flex;gap:24px;position:relative}.timeline__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline__number{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f5f5f7;color:#667eea;font-size:1.1rem;font-weight:700;border-radius:50%;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #00000008;position:relative;z-index:2}.timeline__line{width:2px;flex:1;min-height:40px;background:linear-gradient(180deg,#667eea,#764ba2);margin:8px 0;border-radius:1px}.timeline__content{background:#f5f5f7;border-radius:20px;padding:28px 32px;margin-bottom:24px;flex:1;box-shadow:8px 8px 16px #0000000f,-8px -8px 16px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #00000005}.timeline__step-title{font-size:1.15rem;font-weight:700;color:#1a1a2e;margin-bottom:8px}.timeline__description{font-size:.95rem;color:#64748b;line-height:1.6;margin-bottom:12px}.timeline__duration{display:inline-block;padding:6px 14px;background:#667eea1a;color:#667eea;font-size:.85rem;font-weight:600;border-radius:20px}@media(max-width:640px){.how-i-work{padding:60px 16px}.how-i-work__subtitle{margin-bottom:32px}.timeline__item{gap:16px}.timeline__number{width:48px;height:48px;font-size:1rem}.timeline__content{padding:20px 24px;margin-bottom:16px}.timeline__step-title{font-size:1.05rem}.timeline__description{font-size:.9rem}}.menu-backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:998}.menu-backdrop--visible{opacity:1;visibility:visible}.glass-menu{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:999;will-change:transform}.menu-pill{display:flex;align-items:center;justify-content:space-between;width:min(85vw,540px);padding:10px 20px;background:#ffffff8c;backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8);border-radius:16px;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000014,0 1px 2px #0000000a,inset 0 1px #fff9;transition:all .25s cubic-bezier(.34,1.56,.64,1);opacity:1;visibility:visible}.menu-pill:hover{box-shadow:0 8px 32px #00000026,0 2px 4px #0000000d,inset 0 1px #fffc}.menu-pill--hidden{opacity:0;visibility:hidden;transform:scale(.9);pointer-events:none}.menu-pill__logo{display:flex;align-items:center;justify-content:center}.menu-pill__logo-icon{color:#1a1a2e;font-weight:800;font-size:1.3rem}.menu-pill__title{font-size:1.1rem;font-weight:600;color:#1a1a2e;letter-spacing:-.01em}.menu-pill__toggle{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px}.menu-pill__toggle-icon{color:#1a1a2e;font-size:1.8rem;font-weight:300;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.menu-pill__toggle:hover .menu-pill__toggle-icon{transform:rotate(90deg)}.menu-card{position:absolute;top:0;left:50%;transform:translate(-50%) scale(.95);width:min(88vw,560px);background:#ffffff8c;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-radius:24px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 40px #0000001a,0 2px 4px #0000000a,inset 0 1px #fff9;opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s ease,visibility .25s ease;overflow:hidden;will-change:transform,opacity}.menu-card--visible{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.menu-card__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06)}.menu-card__logo{display:flex;align-items:center;justify-content:center}.menu-card__logo-icon{color:#1a1a2e;font-weight:800;font-size:1.5rem}.menu-card__close{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;transition:transform .2s ease;pointer-events:none}.menu-card--visible .menu-card__close{pointer-events:auto;transition-delay:.3s}.menu-card__close:hover{transform:rotate(90deg)}.menu-card__close-icon{color:#1a1a2e;font-size:1.8rem;font-weight:300;line-height:1;transform:rotate(45deg);display:block}.menu-card__content{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px}.menu-card__nav{display:flex;flex-direction:column;gap:8px}.menu-card__link{display:block;width:fit-content;font-size:1.5rem;font-weight:600;color:#1a1a2e;text-decoration:none;padding:8px 0;position:relative;opacity:0;transform:translateY(12px);transition:color .2s ease,opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.menu-card--visible .menu-card__link{opacity:1;transform:translateY(0);animation:linkFadeIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes linkFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.menu-card__link:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s cubic-bezier(.34,1.56,.64,1)}.menu-card__link:hover{color:#667eea}.menu-card__link:hover:after{width:100%}.menu-card__right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;opacity:0;transform:translateY(12px);transition:opacity .3s ease .15s,transform .3s cubic-bezier(.34,1.56,.64,1) .15s}.menu-card--visible .menu-card__right{opacity:1;transform:translateY(0)}.menu-card__cta{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;border-radius:50px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #667eea4d}.menu-card__cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.menu-card__cta:active{transform:translateY(0)}.menu-card__illustration{width:135px;margin-top:24px;opacity:.7}.menu-card__illustration img{width:100%;height:auto}.menu-card__footer{padding:16px 32px;border-top:1px solid rgba(0,0,0,.06);font-size:.8rem;color:#1a1a2e80;opacity:0;transition:opacity .3s ease .2s}.menu-card--visible .menu-card__footer{opacity:1}@media(max-width:640px){.glass-menu{top:16px;left:16px;right:16px;transform:none}.menu-pill{width:auto;left:0;right:0}.menu-card{left:0;right:0;width:auto;transform:scale(.95);border-radius:20px}.menu-card--visible{transform:scale(1)}.menu-card__content{grid-template-columns:1fr auto;gap:16px;padding:24px;align-items:end}.menu-card__right{align-items:flex-end;justify-content:flex-end}.menu-card__cta{display:none}.menu-card__illustration{width:150px;margin-top:0}.menu-card__link{font-size:1.25rem}.intro{padding:100px 20px 24px}.intro__title{font-size:1.5rem}.intro__tag{padding:4px 8px;font-size:.8rem}.hero{padding:24px 16px 20px}.hero__card{flex-direction:column-reverse;gap:32px;padding:40px 28px;border-radius:32px}.hero__content{text-align:left}.blob-avatar{width:min(100%,320px)}}.quiz{padding:80px 24px;background:#f5f5f7}.quiz__container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:start}.quiz__left{background:#f5f5f7;border-radius:24px;padding:40px;box-shadow:8px 8px 16px #0000000f,-8px -8px 16px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #00000005}.quiz__progress{height:6px;background:#e5e5ea;border-radius:3px;overflow:hidden;margin-bottom:16px}.quiz__progress-bar{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.quiz__step{display:block;font-size:.85rem;color:#94a3b8;margin-bottom:24px}.quiz__question{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:#1a1a2e;margin-bottom:8px;line-height:1.3}.quiz__hint{font-size:.95rem;color:#64748b;margin-bottom:24px}.quiz__options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.quiz__option{padding:16px 20px;background:#f5f5f7;color:#475569;font-size:.95rem;font-weight:500;text-align:left;border-radius:16px;border:none;cursor:pointer;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #00000008;transition:all .2s ease}.quiz__option:hover{color:#1a1a2e}.quiz__option--selected{color:#667eea;box-shadow:inset 4px 4px 8px #00000014,inset -4px -4px 8px #ffffffe6}.quiz__input{width:100%;padding:16px 20px;background:#f5f5f7;color:#1a1a2e;font-size:.95rem;border-radius:16px;border:none;margin-bottom:24px;box-shadow:inset 4px 4px 8px #0000000f,inset -4px -4px 8px #fffc;outline:none;transition:box-shadow .2s ease}.quiz__input:focus{box-shadow:inset 4px 4px 8px #00000014,inset -4px -4px 8px #ffffffe6,0 0 0 2px #667eea4d}.quiz__input::placeholder{color:#94a3b8}.quiz__buttons{display:flex;gap:12px}.quiz__btn{padding:14px 28px;font-size:.95rem;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all .2s ease}.quiz__btn--back{background:#f5f5f7;color:#64748b;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #ffffffe6}.quiz__btn--back:hover{color:#1a1a2e}.quiz__btn--next{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d;flex:1}.quiz__btn--next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.quiz__btn--next:disabled{opacity:.5;cursor:not-allowed}.quiz__right{position:sticky;top:100px;display:flex;flex-direction:row;align-items:center;gap:12px}.quiz__avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:3px 3px 6px #0000001a,-3px -3px 6px #ffffffe6}.quiz__avatar img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.quiz__speech{position:relative;background:#f5f5f7;border-radius:12px;padding:10px 14px;flex:1;box-shadow:4px 4px 8px #0000000f,-4px -4px 8px #ffffffe6,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #00000005}.quiz__speech:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #f5f5f7}.quiz__speech p{font-size:.85rem;color:#475569;line-height:1.5;text-align:left;margin:0}.quiz__completed{text-align:center;padding:40px 0}.quiz__completed-title{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:16px}.quiz__completed-text{font-size:1.1rem;color:#64748b;line-height:1.6}@media(max-width:900px){.quiz__container{grid-template-columns:1fr;gap:32px}.quiz__right{position:static}}@media(max-width:640px){.quiz{padding:60px 16px}.quiz__left{padding:24px;border-radius:20px}.quiz__question{font-size:1.15rem}.quiz__option{padding:14px 16px;font-size:.9rem}.quiz__buttons{flex-direction:column}.quiz__btn--back{order:2}.quiz__btn--next{order:1}.quiz__avatar{width:48px;height:48px}.quiz__speech{padding:10px 14px}.quiz__speech p{font-size:.9rem}}